Nuxtesse - Vitesse for Nuxt 3 (Forked from Official)

🖥 Online Preview

Features

• 💚 Nuxt 3 - SSR, ESR, File-based routing, components auto importing, modules, etc.

• ⚡️ Vite - Instant HMR.

• 🎨 Tailwind CSS - The gold standard CSS utility framework

• 😃 Use icons from any icon sets in Pure CSS, powered by Tailwind Icons.

• 🔥 The <script setup> syntax.

• 🍍 State Management via Pinia, see ./composables/user.ts.

• 📑 Layout system.

• 📥 APIs auto importing - for Composition API, VueUse and custom composables.

• 🏎 Zero-config cloud functions and deploy.

• 🦾 TypeScript, of course.

• 📲 PWA with offline support and auto update behavior.

Plugins

Nuxt Modules

• VueUse - collection of useful composition APIs.
• ColorMode - dark and Light mode with auto detection made easy with Nuxt.
• Tailwind CSS - the instant on-demand atomic CSS engine.
• Pinia - intuitive, type safe, light and flexible Store for Vue.
• VitePWA - zero-config PWA Plugin for Nuxt 3.

Tailwind CSS Plugins

• Tailwind CSS Icons - CSS Icons with Tailwind CSS.
• Tailwind CSS Animation - Animate.CSS with Tailwind CSS.

IDE

We recommend using VS Code with Volar to get the best experience (You might want to disable Vetur if you have it).

Variations

• Original vitesse - Original Opinionated Vite Starter Template
• vitesse Nuxt3 - Original Opinionated Vite Starter Template for Nuxt

Try it now!

Online

GitHub Template

Create a repo from this template on GitHub.

Clone to local

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

npx degit jcamp-code/nuxtesse my-nuxt3-app
cd my-nuxt3-app
pnpm i # If you don't have pnpm installed, run: npm install -g pnpm