Skip to content

Add PWA support - #5

Merged
redSlug merged 1 commit into
mainfrom
pwa-support
Aug 9, 2026
Merged

redSlug merged 1 commit into
mainfrom
pwa-support

Conversation

@cranberrymuffin

Copy link
Copy Markdown
Collaborator

Summary

  • Adds vite-plugin-pwa to auto-generate a service worker and web manifest
  • Precaches all assets so the app works offline
  • Generates 192×192 and 512×512 icons from the existing favicon
  • Adds apple-touch-icon and theme-color meta tags to index.html

After deploying, mobile users can tap "Add to Home Screen" and the app installs full-screen like a native app.

Note: PWA icons are upscaled from the 32×32 favicon and will look pixelated at larger sizes — replace public/pwa-192x192.png and public/pwa-512x512.png with higher-res versions for a polished look.

Test plan

  • Run npm run build and confirm dist/sw.js, dist/manifest.webmanifest, and icon files are generated
  • Run npm run preview, open Chrome DevTools → Application → Manifest and verify it loads correctly
  • On mobile, open the deployed URL and confirm "Add to Home Screen" prompt appears

🤖 Generated with Claude Code

Adds vite-plugin-pwa with a service worker, web manifest, and PWA icons so the app is installable on iOS and Android home screens.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@cranberrymuffin
cranberrymuffin requested a review from redSlug August 8, 2026 14:28
@redSlug
redSlug merged commit 44c8b21 into main Aug 9, 2026
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants