PWA & Manifest
Ship the installable-app kit into the project.
Steps
- manifest.json — name/short_name,
start_url,display: standalone, theme + background colors, and maskable icons at 192 and 512 (generate them if missing). Link it from the head / framework metadata. - Service worker — register one with an offline fallback route and a sane caching strategy (network-first for docs, cache-first for static). Use the framework`s PWA integration when it has one.
- Install prompt — a small, dismissable add-to-home-screen component that
listens for
beforeinstallprompt. - Offline page — a real route shown when the network drops.
Verify
- Manifest is valid JSON with 192 + 512 icons and a non-browser display mode.
- App loads offline after first visit.
- Score it at https://pwa.tools.drummerduck.com