/vitesse-nuxt3

Vitesse for Nuxt 3 ๐Ÿ”๐Ÿ’šโšก๏ธ

Primary LanguageVue

Vitesse for Nuxt 3


๐Ÿงช Working in Progress


๐Ÿ–ฅ Online Preview

Features

  • ๐Ÿ’š 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

  • ๐Ÿ State Management via Pinia

  • ๐Ÿ“ฅ APIs auto importing - for Composition API, VueUse and custom composables.

  • ๐ŸŽ Zero-config cloud functions and deploy

  • ๐Ÿฆพ TypeScript, of course

Plugins

Nuxt Modules

  • VueUse - collection of useful composition APIs
  • UnoCSS - the instant on-demand atomic CSS engine.
  • Pinia - intuitive, type safe, light and flexible Store for Vue.

IDE

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

Variations

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 antfu/vitesse-nuxt3 my-nuxt3-app
cd my-nuxt3-app
pnpm i # If you don't have pnpm installed, run: npm install -g pnpm