Install and configure your Next.js project with t3.gg
npm create t3-app@latest
You will be asked a few questions to configure your project:
What will your project be called? › example Will you be using TypeScript or JavaScript? › TypeScript Will you be using Tailwind CSS for styling? › Yes Will you like to use tRPC? › Yes / No What authentication provider would you like to use? › None / NextAuth.js What database ORM would you like to use? › None / Prisma / Drizzle Would you like to use Next.js App Router? › Yes Should we initialize a Git repository and stage the changes? › Yes / No Should we run 'npm install' for you? › Yes What import alias would you like to use? › @/
npx shadcn@latest init
Which style would you like to use? › New York Which color would you like to use as base color? › Zinc Do you want to use CSS variables for colors? › no / yes
You can now begin integrating new components.