Vitesse

Opinionated Vite + Vue Starter Template

VueBoilerplateVite
antfu-collective/vitessevitesse.netlify.app/

README

Vitesse - Opinionated Vite Starter Template


Mocking up web app with Vitesse(speed)


Live Demo


Note: This template is created during the early transition of Vue 3 and Vite. At this moment, if you are seeking for better Vue developer experience and more consistent maintenance, we recommend using Nuxt 3 instead (it also works perfectly with SPA or SSG as needed). This template still serves as a reference, but expect slower updates.


Pre-packed


UI Frameworks


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

Icons


- Iconify - use icons from any icon sets 🔍Icônes
- Pure CSS Icons via UnoCSS

Plugins


- Vue Router
  - [unplugin-vue-router](https://github.com/posva/unplugin-vue-router) - file system based routing
  - [vite-plugin-vue-layouts](https://github.com/JohnCampionJr/vite-plugin-vue-layouts) - layouts for pages
- Pinia - Intuitive, type safe, light and flexible Store for Vue using the composition api
- [unplugin-vue-components](https://github.com/antfu/unplugin-vue-components) - components auto import
- [unplugin-auto-import](https://github.com/antfu/unplugin-auto-import) - Directly use Vue Composition API and others without importing
- [unplugin-vue-macros](https://github.com/sxzz/unplugin-vue-macros) - Explore and extend more macros and syntax sugar to Vue.
- [vite-plugin-pwa](https://github.com/antfu/vite-plugin-pwa) - PWA
- [unplugin-vue-markdown](https://github.com/unplugin/unplugin-vue-markdown) - Markdown as components / components in Markdown
  - [@shikijs/markdown-it](https://github.com/shikijs/shiki) - Shiki for syntax highlighting
- Vue I18n - Internationalization
  - [unplugin-vue-i18n](https://github.com/intlify/bundle-tools/tree/main/packages/unplugin-vue-i18n) - unplugin for Vue I18n
- VueUse - collection of useful composition APIs
- [vite-ssg-sitemap](https://github.com/jbaubree/vite-ssg-sitemap) - Sitemap generator
- [@vueuse/head](https://github.com/vueuse/head) - manipulate document head reactively
- [vite-plugin-webfont-dl](https://github.com/feat-agency/vite-plugin-webfont-dl) - Zero-config webfont (Google Fonts) downloader and injector to improve website's performance.
- [vite-plugin-vue-devtools](https://github.com/vuejs/devtools-next) - Designed to enhance the Vue developer experience.

Coding Style


- Use Composition API with [`