vitespa
vitespa copied to clipboard
ctholho
🛵 Vitespa – Vitesse without SSG
This starter is archived. Nuxt 3 is a great alternative.
Mocking up web apps with Vitespa 🛵 – the slower sibling of Vitesse, without SSG.
Features
🏋️♀️ All the great stuff of Vitesse
⚡️ 🗂 📦 📑 📲 🎨 😃 🌍 🗒 🔥 🦾 ☁️
Vitespa aims for feature parity with Vitesse.
Variations
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)
Try it now!
GitHub Template
Create a repo from this template on GitHub.
Clone to local
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
Checklist
When you use this template, follow the checklist to update your info properly
- [ ] Rename
namefield inpackage.json - [ ] Change the author name in
LICENSE - [ ] Change the title in
App.vue - [ ] Change the favicon in
public - [ ] Remove the
.githubfolder which contains the funding info - [ ] Clean up the READMEs and remove routes
And, enjoy :)
Usage
Development
Just run and visit http://localhost:3333
pnpm dev
Build
To build the App, run
pnpm build
to preview the PWA service worker use (you can also use pnpm preview):
pnpm preview-https
Deploy on Netlify
Go to Netlify and select your clone, OK along the way, and your App will be live in a minute.
Why
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)
ctholho