Mocking up web app with ⚡️Vitesse
-
⚡️ Vue3, Vite, pnpm, ESBuild - born with fastness
-
🎨 TailwindCSS with dark mode out-of-box
-
🌍 i18n ready
-
🦾 TypeScript, of course
-
☁️ Deploy on Netlify, zero config
- Iconify - use icons from any icon sets 🔍Icônes
- PurgeIcons - bundles only the icons that you use
- Vue Router
- vite-plugin-voie - file system based routing
- vite-plugin-components - components auto import
- vue-i18n - internationalization
- VueUse - collection of useful composition APIs
- Use Composition API with
<script setup>SFC - ESLint with @antfu/eslint-config-vue, single colons, no semi.
- TypeScript
- pnpm - fast, disk space efficient package manager
- Netlify - deploy
- VS Code Extensions
Create a repo from this template on Github.
If you prefer do to it manually with cleaner git history
npx degit antfu/vitesse my-vitesse-app
cd my-vitesse-app
pnpm i # If you don't have pnpm installed, run: npm install -g pnpmI have created several Vite apps recently. Setting the configs up is kinda the bottleneck for me to make the idea simply comes true in a very short time.
So I made this starter template for myself to create apps more easily, along with some good practices that I have learned from making those apps. It's strongly opinionated, but feel free to tweak it or even maintains your own forks.