Installation

Spectrum UI

Install and configure Next.js.

If you're using Next.js 13, see the Next.js 15 + React 19 guide.

1

Create project

Run the init command to create a new Next.js project or to setup an existing one:

npx create-next-app@latest
2

Install Shadcn UI

npx shadcn@latest init

You can use the -d flag for defaults i.e. new-york, zinc and yes for the css variables.

npx shadcn@latest init -d
3

Configure components.json

You will be asked a few questions to configure components.json:

1 Which style would you like to use? > New York
2 Which color would you like to use as base color? > Zinc
3 Do you want to use CSS variables for colors? > no / yes
4

That's it

You can now start adding components to your project.