-
โก๏ธ Vue 3
-
๐ File based routing
-
๐ Layout system
-
๐ฒ PWA
-
๐จ UnoCSS - the instant on-demand atomic CSS engine
-
๐ I18n ready
-
๐ฅ Use the new
<script setup>
syntax -
๐ฅ APIs auto importing
-
๐จ 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.