Nuxt 3 Shadcn-vue Starter Template

Features

• Dark Mode
• Image optimization with @nuxt/image
• Integration with Tailwind CSS
• State management with Pinia
• Utilities and composables from VueUse
• Icon components from Radix Icons

Installed Packages

• @nuxt/image: ^1.8.0
• @nuxtjs/tailwindcss: ^6.12.1
• @pinia/nuxt: ^0.5.4
• @vueuse/nuxt: ^11.0.3
• nuxt: ^3.13.0
• pinia: ^2.2.2
• vue: latest
• vue-router: latest
• @radix-icons/vue: ^1.0.0
• @tailwindcss/typography: ^0.5.15 (dev dependency)
• clsx: ^2.1.1
• class-variance-authority: ^0.7.0
• radix-vue: ^1.9.5
• shadcn-nuxt: ^0.10.4
• tailwind-merge: ^2.5.2
• tailwindcss-animate: ^1.0.7
• typescript: ^5.6.2 (dev dependency)

Project Structure

• components: Reusable Vue components
• layouts: Page layouts
• pages: Page components
• plugins: Nuxt plugins
• store: Pinia store

Getting Started

To get started with this project, run the following commands:

npm install
npm run dev

This will start the development server and you can access the application at http://localhost:3000.

Building for Production

To build the application for production, run the following command:

npm run build

This will generate the production-ready code in the dist directory.

Generating Static Site

To generate a static site, run the following command:

npm run generate

This will generate a static site in the dist directory.

License

This project is licensed under the MIT License.