creating next project - npx create-next-app@latest ./ using - Typescript, Tailwind
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
Open http://localhost:3000 with your browser to see the result.
shadcn/ui - UI component library, natively support tailwindcss
- npx shadcn-ui@latest init
components used: button - npx shadcn-ui@latest add button sheet - npx shadcn-ui@latest add sheet separator - npx shadcn-ui@latest add separator
uploadthing/tw - file uploads for nextjs projects, have configuration with tailwind
- npm install uploadthing @uploadthing/react
clerk authentication - easy signup/login using google made possible with clerk.
- npm install @clerk/nextjs
- wrap html layout with ClerkProvider
- create the middleware.ts
- npm install svix -used for clerk webhook