✨ Nuxt + Tailwind + Shadcn/ui Starter

A modern, beautiful starter template combining the power of Nuxt 3, Tailwind CSS, and Shadcn/ui components for rapid development.

🚀 Quick Start

Prerequisites

Make sure you have Node.js 18+ installed on your machine.

Installation

1. Create a new Nuxt project:

npm create nuxt@latest

2. Install Tailwind CSS:

npm install tailwindcss @tailwindcss/vite

3. Add Shadcn/ui module:

npx nuxi@latest module add shadcn-nuxt

4. Initialize Shadcn/ui:

npx shadcn-vue@latest init

🛠️ Development

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

# npm
npm run dev

# pnpm
pnpm dev

# yarn
yarn dev

# bun
bun run dev

📦 Production

Build the application for production:

# npm
npm run build

# pnpm
pnpm build

# yarn
yarn build

# bun
bun run build

Locally preview production build:

# npm
npm run preview

# pnpm
pnpm preview

# yarn
yarn preview

# bun
bun run preview

📚 Documentation

• 📖 Nuxt Documentation
• 🎨 Tailwind CSS Documentation
• 🧩 Shadcn/ui Documentation
• 🚀 Deployment Guide

🌟 Features

• ⚡ Nuxt 3 - The Intuitive Vue Framework
• 🎨 Tailwind CSS - Utility-first CSS framework
• 🧩 Shadcn/ui - Beautiful, accessible components
• 📱 Responsive Design - Mobile-first approach
• 🔧 TypeScript Support - Type-safe development
• ⚡ Vite - Lightning fast development