nuxt3-tailwind-kit

Nuxt 3 + Tailwind CSS starter kit with Nuxt Content v2, Pinia, vee-validate, and internationalization support.

GitHub Repository

Upvote

Visit A Template

Introduction

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

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

nuxt3-tailwind-kit screenshot | ATemplate.com

<a href="https://atemplate.com/item/nuxt3-tailwind-kit" target="_blank"> 
    <img src="https://atemplate.com/badages-awards.svg" 
        alt="nuxt3-tailwind-kit | A template" width="180"/> 
</a>