Nuxt 3 + Tailwind CSS Starter Template

A modern, opinionated starter template for Nuxt 3 projects with Tailwind CSS, optimized for productive development with GitHub Copilot.

🚀 The Vibe

This template is designed for flow state coding - where you and GitHub Copilot work together seamlessly. We've pre-configured everything to help you focus on building, not configuring.

🤖 GitHub Copilot Integration

• 📋 Check TASKLIST.md before starting work - it tracks priorities and context
• 📖 Read .github/copilot-instructions.md for tech stack guidance
• ✅ Update tasks as you work - keep the flow going for future sessions

🛠 Tech Stack

• Nuxt 3 - The intuitive Vue framework
• Tailwind CSS - Utility-first CSS framework
• NuxtIcon - Thousands of ready-to-use icons (including HeroIcons!)
• Nuxt Image - Optimized image handling
• Nuxt Tailwind - Seamless Tailwind integration

Setup

Make sure to install the dependencies:

# yarn
yarn install

# npm
npm install

# pnpm
pnpm install --shamefully-hoist

Development Server

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

npm run dev

Production

Build the application for production:

npm run build

Locally preview production build:

npm run preview

Build for static site deployment:

npm run generate