Mocking up web apps with Vitespa 🛵 – the slower sibling of Vitesse, without SSG.
🏋️♀️ All the great stuff of Vitesse
⚡️ 🗂 📦 📑 📲 🎨 😃 🌍 🗒 🔥 🦾 ☁️
Vitespa aims for feature parity with Vitesse.
As this template is strongly opinionated, the following provides a curated list for community maintained variations with different preferences and feature sets. Check them out as well. PR to add yours are also welcome!
- vitesse by @antfu - the original
- vitesse-addons by @johncampionjr - additional options for integrations, including Prettier and Storybook
- vitesse-ssr-template by @frandiox - Vitesse with SSR
- vitesse-nuxt - Vitesse for Nuxt 2 (expiremental)
Create a repo from this template on GitHub.
If you prefer to do it manually with the cleaner git history
npx degit ctholho/vitespa my-vitespa-app
cd my-vitespa-app
pnpm i # If you don't have pnpm installed, run: npm install -g pnpm
When you use this template, follow the checklist to update your info properly
- Rename
name
field inpackage.json
- Change the author name in
LICENSE
- Change the title in
App.vue
- Change the favicon in
public
- Remove the
.github
folder which contains the funding info - Clean up the READMEs and remove routes
And, enjoy :)
Just run and visit http://localhost:3333
pnpm dev
To build the App, run
pnpm build
to preview the PWA service worker use (you can also use pnpm preview
):
pnpm preview-https
Go to Netlify and select your clone, OK
along the way, and your App will be live in a minute.
Vitesse is a great place to start with a vite app because it let's you start immediately. But sometimes you need a simple PWA without SSG/SSR.
This template is strongly opinionated, but feel free to tweak it or even maintains your own forks. (see community maintained variation forks)