Nuxt 3 Starter Template with Tailwind CSS, Radix Vue, and Shadcn

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

Features

• Nuxt 3 - The intuitive Vue framework
• Tailwind CSS - A utility-first CSS framework
• Radix Vue - Unstyled, accessible components for building high-quality design systems
• shadcn-vue - Re-usable components built with Radix Vue 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 components/ directory and adding your own pages in the pages/ directory.

Customization

• Tailwind CSS: Customize your design tokens in the tailwind.config.js file.
• Radix Vue and shadcn: Modify or add components in the 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
• Radix Vue Documentation
• shadcn-vue Documentation

Deploy

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

Check out the Nuxt deployment documentation for more information.

License

MIT License