Nuxt 3 Tailwind Kit

Nuxt 3 + Tailwind Starter Kit.

Features

• Nuxt 3
• Nuxt Content v2
• Tailwind CSS
• Nuxt Icon
• State management with Pinia
• Easy form validation with vee-validate
• Custom authentication store via useAuthStore
• Internationalization via @nuxtjs/i18n
• Modular with Nuxt Layer

Directory Structure

.
├── apps              # Nuxt Layer
│   └── admin         # Admin Panel
│   └── auth          # Authentication
│   └── blog          # Blog
│   └── docs          # Documentation
│   └── landing       # Landing Page
│   └── store         # Store
├── components        # Global Components
├── content           # Nuxt Content
├── layouts           # Layouts
├── plugins           # Plugins
├── stores            # Stores
├── ui                # UI Component Library
├── app.config.ts     # Application Config

Try it Now

Stackblitz

• Try on stackblitz

Online Demo

• Try online demo

GitHub Template

Create a repo from this template on GitHub.

Local

If you prefer to do it manually with the cleaner git history

npx nuxi init -t gh:gravitano/nuxt3-tailwind-kit my-nuxt-app
cd my-nuxt-app
pnpm
pnpm dev

Development

We recommend to look at the documentation.

Make sure to install the dependencies

pnpm install

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

pnpm dev

Production

Build the application for production:

pnpm build

Checkout the deployment documentation.