Vitesse for Nuxt 3
π§ͺ Working in Progress
-
π Nuxt 3 - 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 -
π Layout system
-
π₯ APIs auto importing - for Composition API, VueUse and custom composables.
-
π Zero-config cloud functions and deploy
-
π¦Ύ TypeScript, of course
- 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).
- 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
Create a repo from this template on GitHub.
If you prefer to do it manually with the cleaner git history
npx degit antfu/vitesse-nuxt3 my-nuxt3-app
cd my-nuxt3-app
pnpm i # If you don't have pnpm installed, run: npm install -g pnpm