# Next.js installation

Install the theme foundation and Button through the public registry:

```sh
npx shadcn@latest add https://gummyui.dev/r/gummy-base.json https://gummyui.dev/r/gummy-button.json
```

The command generates `components/gummy-theme.css`,
`components/gummy-button.css`, and `components/ui/gummy-button.tsx` in the
consumer project. Import the generated CSS from the application's global
stylesheet:

```css
@import "../components/gummy-theme.css";
@import "../components/gummy-button.css";
```

Adjust the relative path if the global stylesheet lives somewhere other than
`app/globals.css`. Import `GummyButton` from the generated source and keep the
files editable inside the application.

## Verification evidence

The repository's Next.js consumer verifier copies a committed template into
a new temporary directory, performs a clean dependency install, runs the real
shadcn add command against a local HTTP registry, rejects a symlinked
`node_modules`, checks that canonical source was generated, then runs that
isolated project's TypeScript check and production `next build`.

## Licence and source boundary

Gummy UI's public component source and documentation are MIT licensed.
This Markdown namespace exposes only public catalogue facts, public source
locations, and public registry URLs. Separate paid assets are not included
and cannot be inferred from these documents.

Canonical Markdown: https://gummyui.dev/docs/markdown/guides/nextjs.md