Nuxt Layer Starter

Fork of shadcn-docs-nuxt at v0.8.13 git diff --name-status 54b80e2e96bbc7249170150fb72e20078629a170

Build your website using this layer

• Create a new Nuxt project

1npx create-nuxt-app <project-name>

• Install the layer

1pnpm add @unpress/nuxt-layer-shadcn-unocss

• Extend the layer in your nuxt.config.ts

1defineNuxtConfig({
2  extends: '@unpress/nuxt-layer-shadcn-unocss'
3})

Setup

Make sure to install the dependencies:

1pnpm install

Working on your layer

Your layer is at the root of this repository, it is exactly like a regular Nuxt project, except you can publish it on NPM.

The .playground directory should help you on trying your layer during development.

Running pnpm dev will prepare and boot .playground directory, which imports your layer itself.

Distributing your layer

Your Nuxt layer is shaped exactly the same as any other Nuxt project, except you can publish it on NPM.

To do so, you only have to check if files in package.json are valid, then run:

1npm publish --access public

Once done, your users will only have to run:

1npm install --save your-layer

Then add the dependency to their extends in nuxt.config:

1defineNuxtConfig({
2  extends: 'your-layer'
3})

Development Server

Start the development server on http://localhost:3000

1pnpm dev

Production

Build the application for production:

1pnpm build

Or statically generate it with:

1pnpm generate

Locally preview production build:

1pnpm preview

Checkout the deployment documentation for more information.