Nuxt 3 Website Template

Setup

pnpx nuxi@latest init .

pnpm install -D typescript

pnpx nuxi@latest module add @nuxtjs/tailwindcss

pnpx [email protected] module add shadcn-nuxt

Configure nuxt.config.ts

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  compatibilityDate: '2024-04-03',
  devtools: { enabled: true },
  modules: ["@nuxtjs/tailwindcss", "shadcn-nuxt"],
  shadcn: {
    prefix: '',
    componentDir: './components/ui'
  }
})

Run the CLI

pnpx [email protected] init

Add components

pnpx [email protected] add <component>

pnpm install