- 💚 Nuxt 3 - SSR, ESR, File-based routing, components auto importing, modules, etc.
- 💨 Tailwind CSS v3 with ✨ Headless UI
- 😃 Use icons from any icon sets in Pure CSS, powered by UnoCSS
- 🍍 State Management via Pinia, see ./stores/app.ts
- 🌙 Switch Theme (light, dark, system, realtime)
- 📑 Layout system: header,footer, Narbar, login, register etc
- 🚩 Localization (i18n-next): easy to use with vue-i18n-next
$t('welcome to', {name: 'Nuxt3', otherName:'2022'}) - 🔥 Language Switcher
- ⚡️ Vite - Instant HMR
- 📥 auto importing - for Components, Composition API, VueUse and custom composables.
- 🦾 TypeScript, of course
- 🔥 The
<script setup>syntax - 🔥 Eslint + Prettier & Huksy + LintStage + Commitlint
- VueUse - collection of useful composition APIs.
- ColorMode - dark and Light mode with auto detection made easy with Nuxt.
- UnoCSS - the instant on-demand atomic CSS engine.
- Pinia - intuitive, type safe, light and flexible Store for Vue.
We recommend using VS Code with Volar to get the best experience (You might want to disable Vetur if you have it).
Create a repo from this template on GitHub.
If you prefer to do it manually with the cleaner git history
git clone https://github.com/next-dev-team/nuxt3-biolerplate.git
cd nuxt3-biolerplate
pnpm i # If you don't have pnpm installed, run: npm install -g pnpm