Vitesse for Next.js

🖥 Online Preview

Features

• Next - A full stack web framework.

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

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

• ✅ Use Vitest for unit and components testing

• 🏎 Zero-config cloud functions and deploy

• 🦾 TypeScript, of course

• ☁️ Deploy on Netlify, zero-config

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

See Vitesse for full featureset.

Dropped Features from Vitesse

• i18n
• Layouts
• SSG
• PWA
• Markdown

IDE

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

Variations

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

Try it now!

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