next-shadcn.txt

--------------setup in next js -----------

npx create-next-app@latest next-shadcn
pnpm dlx shadcn@latest init
pnpm dlx shadcn@latest add button


pnpm create next-app@latest  project-shad
npx shadcn@latest init
npx shadcn@latest add button


--------------setup in vite  ----------- 

pnpm create vite@latest
pnpm add -D tailwindcss postcss autoprefixer
pnpm dlx tailwindcss init -p
pnpm add -D @types/node
pnpm dlx shadcn@latest init
pnpm dlx shadcn@latest add button


npm create vite@latest
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p
npm install -D @types/node
npx shadcn@latest init
npx shadcn@latest add button


import { Button } from "@/components/ui/button"
      <Button>Click me</Button>
     

src/index.css   
@tailwind base;
@tailwind components;
@tailwind utilities;


tailwind.config.js
  content: ["./index.html", "./src/**/*.{ts,tsx,js,jsx}"],
 

 tsconfig.json 
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/*": ["./src/*"]
    }
  }


tsconfig.app.json
"baseUrl": ".",
    "paths": {
      "@/*": [
        "./src/*"
      ]
    }