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 ConfigTry 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 devDevelopment
We recommend to look at the documentation.
Make sure to install the dependencies
pnpm installStart the development server on http://localhost:3000
pnpm devProduction
Build the application for production:
pnpm buildCheckout the deployment documentation.