Area: frontend · Effort: M
What: Add service worker, web app manifest, and offline capability to the Next.js frontend to enable PWA installation on mobile devices.
Why: PWA installation on the home screen dramatically increases retention compared to browser-only access. This is especially impactful for the mobile-first Nigerian market.
Acceptance Criteria:
- Web app manifest defines name, icons, theme colour, and display mode
- Service worker caches static assets and last-seen vault list for offline viewing
- PWA installation prompt is shown to eligible users after 3 visits
- Lighthouse PWA score is ≥ 90
Hints:
- Use
next-pwa plugin for automatic service worker generation
- Icon sizes: 192×192 and 512×512 in PNG format
- Offline fallback page at
/offline.html
Area: frontend · Effort: M
What: Add service worker, web app manifest, and offline capability to the Next.js frontend to enable PWA installation on mobile devices.
Why: PWA installation on the home screen dramatically increases retention compared to browser-only access. This is especially impactful for the mobile-first Nigerian market.
Acceptance Criteria:
Hints:
next-pwaplugin for automatic service worker generation/offline.html