Nuxt 3 Starter Template with Tailwind CSS, Reka UI, and Shadcn

This is a starter template for Nuxt 3 projects, pre-configured with Tailwind CSS, Reka UI, Shadcn, and other essential tools for modern web development.

Features

• Nuxt v3 with compatibility for v4 - The intuitive Vue framework
• Tailwind CSS v4 - A utility-first CSS framework
• Reka UI - Unstyled, accessible components for building high-quality design systems
• shadcn-vue - Re-usable components built with Reka UI and Tailwind CSS
• Prettier - Opinionated code formatter

Setup

Make sure to install the dependencies:

pnpm install

Development Server

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

pnpm dev

Production

Build the application for production:

pnpm build

Locally preview production build:

pnpm preview

Usage

This template provides a solid foundation for building modern web applications with Nuxt 3. You can start by modifying the components in the app/components/ directory and adding your own pages in the app/pages/ directory.

Customization

• Tailwind CSS: Customize your design tokens in the app/assets/css/tailwind.css file.
• Reka UI and shadcn: Modify or add components in the app/components/ui/ directory.
• Nuxt configuration: Adjust the Nuxt settings in the nuxt.config.ts file.

Learn More

To learn more about the technologies used in this template, check out the following resources:

• Nuxt 3 Documentation
• Tailwind CSS Documentation
• Reka UI Documentation
• shadcn-vue Documentation

Deploy

Deploy your Nuxt application easily with platforms like Vercel, Netlify, Cloudflare Pages or NuxtHub.

Check out the Nuxt deployment documentation for more information.

License

MIT License