-
⚡️ Vue 3
-
📲 PWA
-
🎨 UnoCSS - the instant on-demand atomic CSS engine
-
🔥 Use the new
<script setup>
syntax -
🖨 Static-site generation (SSG) via vite-ssg
-
🦾 TypeScript, of course
-
🦔 Critical CSS via critters
-
👮🏻 Format and Lint with VSCode and CLI
-
🤖 Standards checking with pre-commit hooks. Test validation on pre-push with Husky
-
☁️ Deploy on Netlify, zero-config - See Netlify Deployment
*CLI only. VSCode plugin does not support configuration files.
UnoCss
- The instant on-demand atomic CSS engine.
iconify
- use icons from any icon sets 🔍IcônesPure CSS Icons via UnoCSS
pinia
vue-router
vite-plugin-pwa
vue-i18n-next
vueuse
vite-ssg-sitemap
unplugin-vue-components
unplugin-auto-import
- Alias
@
to<rootDir>
- Alias
~
to<rootDir>/src
a.k.a.<srcDir>
- Predefined and fully typed global variables:
VITE_APP_VERSION
is read frompackage.json
version at build timeVITE_APP_BUILD_EPOCH
is populated asnew Date().getTime()
at build time
typescript
cypress
- E2E Testingpnpm
- fast, disk space efficient package managervite-ssg
- Static-site generationcritters
- Critical CSS
This template is strongly opinionated with my personal preferences and feature sets. It is a fork of the original template created by @antfu and also takes inspiration from Vitesse-Enterprise made by @FranciscoKloganB.
For an up-to-date list of official and community contributions to the vitesse ecosystem
, we recommend
checking the official repository's variations section.
Create a repo from this template on GitHub.
Run and visit http://localhost:3000
pnpm dev
pnpm lint
# Interactive test run
pnpm test:e2e
pnpm test:unit
# Ouputs files to dist folder. Ready to be served in SPA mode.
pnpm build:spa
# Outputs files to dist folder which passed through the Vite SSG pipeline. Ready to be served.
pnpm build:ssg
Go to Netlify and select your clone, OK
along the way,
and your App will be live in a minute.