Skip to content

PWA notes โ€‹

This project includes a minimal Progressive Web App setup.

Files added:

  • public/manifest.webmanifest โ€” app manifest
  • public/icons/* โ€” icon placeholders
  • vite.config.mjs โ€” config for vite-plugin-pwa (generates service worker during build)

How to test locally:

  1. Start the dev server:
bash
npm run dev
  1. Build and preview to test the service worker flow (recommended):
bash
npm run build
npm run preview
  1. Visit the site in Chrome/Edge and open DevTools > Application to see the manifest and service worker (if built).

Notes:

  • The plugin generates the service worker during build โ€” the dev server uses an in-memory service worker in some cases, but testing PWAs is best via build + preview.
  • For production, ensure proper icons and signed assets are in public/icons for best platform support.

Built with VitePress