Vitesse Starter for Nuxt 4

Note

main branch of this starter is currently migrate to bun, if you want to use nodejs version, please check out the nodejs branch.

Why? Just see the benchmark results under the /benchmark folder in ts starter project.

Migration progress:

• Package Manager: pnpm -> bun
• Build Tool: Still using vite with typescript
• Test Runner: Still using vitest
• Deploy Environment Support: netlify and stackblitz

Note

This is a personal fork of antfu/vitesse-nuxt with some customizations.

Features

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

• ⚡️ Vite - Instant HMR.

• 🎨 UnoCSS - The instant on-demand atomic CSS engine.

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

• 🔥 The <script setup> syntax.

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

• 📑 Layout system.

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

• 🏎 Zero-config cloud functions and deploy.

• 🦾 TypeScript, of course.

• ⚙️ Variant of modules with variant features.

Nuxt Modules

UI

• Uno CSS - The instant on-demand atomic CSS engine.
• Fonts - Plug-and-play custom web font optimization and configuration for Nuxt apps.
• Image - Plug-and-play image optimization for Nuxt apps.
• Color Mode - Dark and light mode with auto detection made easy with Nuxt.
• I18n - Internationalization (i18n) for Nuxt apps.

SEO

• SEO - Fully equipped Technical SEO for busy Nuxters.

DX

• DevTools - Unleash Nuxt Developer Experience.
• Scripts - Better Privacy, Performance, and DX for Third-Party Scripts in Nuxt Apps.
• ESLint - Collection of ESLint-related packages for Nuxt.
• Hints - A Nuxt module that provides real-time feedback on your application's performance, accessibility, and security right in your browser.
• A11y - A Nuxt module that provides real-time accessibility feedback and automated testing right in your browser during development.

Testing

• Test Utils - Utilities for testing Nuxt applications.

Utilities

• Vite PWA - Zero-config PWA Plugin for Nuxt 4.
• Pinia - Intuitive, type safe, light and flexible Store for Vue.
• Vue Use - Collection of useful composition APIs.

IDE

We recommend using VS Code with Volar to get the best experience.

Variations

• vitesse - Opinionated Vite Starter Template
• vitesse-lite - Lightweight version of Vitesse
• vitesse-nuxt-bridge - Vitesse for Nuxt 2 with Bridge
• vitesse-webext - WebExtension Vite starter template

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

bunx -b degit lumirelle/starter-vitesse-nuxt my-nuxt-app
cd my-nuxt-app
bun i # If you don't have bun installed, run: npm install -g bun or install via https://bun.sh/