armenr / vitespa Goto Github PK

Mocking up web apps with Vitespa 🛵 – the slower sibling of Vitesse, without SSG.

Live Demo

🏋️‍♀️ 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 in package.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)