Skip to content

hayyi2/shadcn-sample

Repository files navigation

Shadcn Sample

Project to try and explore shadcn components.

Getting Started

git clone https://github.com/hayyi2/shadcn-sample.git new-project
cd new-project
npm install
npm run dev

Getting Done

  • layouts
    • navbar
    • sidenav
  • elements
    • forms
    • tables
    • widgets
    • components
  • examples
    • auth
    • empty
    • dasboard

Docs

Forms

Install command

npm install react-hook-form
npm install zod
npm install @hookform/resolvers
npx shadcn-ui@latest add form
npx shadcn-ui@latest add input

Table

Install command

npm install @tanstack/react-table
npx shadcn-ui@latest add table
npx shadcn-ui@latest add select

Deploy gh-pages

  • change basenameProd in /vite.config.ts
  • create deploy key GITHUB_TOKEN in github /settings/keys
  • commit and push changes code
  • setup gihub pages to branch gh-pages

License

This project is licensed under the MIT License. See the LICENSE file for details.