MangeQR
v1.0
TarifsBlogComponents
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.