Vitark

Setup Next.js

Create a next js project, install Shadcn library to start using Vitark components.

Initiate a next js project

npx create-next-app@latest

Setup the project with following commands

What is your project named? my-app
Would you like to use TypeScript? No / Yes
Would you like to use ESLint? No / Yes
Would you like to use Tailwind CSS? No / Yes
Would you like to use src directory? No / Yes
Would you like to use App Router? (recommended) No / Yes
Would you like to customize the default import alias (@/*)? No / Yes
What import alias would you like configured? @/*

Install Shadcn

npx shadcn@latest init

Configure components.json

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, Start using the components.