Docs
Installation
Installation
Install and configure your Next.js project with t3.gg
Create a new project
npm create t3-app@latest
Configure your project
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? › @/
Add shadcn/ui
npx shadcn@latest init
You will be asked a few questions to configure your project:
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
That's it
You can now begin integrating new components.