Convert [WEBSITE/APP] into a Progressive Web App.
Current tech: [FRAMEWORK]
Key features: [OFFLINE ACCESS / PUSH NOTIFICATIONS / INSTALL / BACKGROUND SYNC]
Provide:
1. Web App Manifest: Complete manifest.json with all required fields
2. Service Worker: Registration, caching strategies (cache-first, network-first, stale-while-revalidate)
3. Offline Support: Which pages/assets to cache, offline fallback page
4. Install Prompt: Custom install UI and event handling
5. Push Notifications: Setup with service worker and backend (Firebase/OneSignal)
6. Background Sync: Queue failed requests and retry when online
7. App Shell Architecture: Fast loading shell with lazy content
8. Icons and Splash: All required sizes and generation script
9. Testing: Lighthouse PWA audit and manual testing checklist
10. Deployment: HTTPS requirement, cache busting, update strategy
Convert [WEBSITE/APP] into a Progressive Web App.
Current tech: [FRAMEWORK]
Key features: [OFFLINE ACCESS / PUSH NOTIFICATIONS / INSTALL / BACKGROUND SYNC]
Provide:
1. Web App Manifest: Complete manifest.json with all required fields
2. Service Worker: Registration, caching strategies (cache-first, network-first, stale-while-revalidate)
3. Offline Support: Which pages/assets to cache, offline fallback page
4. Install Prompt: Custom install UI and event handling
5. Push Notifications: Setup with service worker and backend (Firebase/OneSignal)
6. Background Sync: Queue failed requests and retry when online
7. App Shell Architecture: Fast loading shell with lazy content
8. Icons and Splash: All required sizes and generation script
9. Testing: Lighthouse PWA audit and manual testing checklist
10. Deployment: HTTPS requirement, cache busting, update strategy
How to use this prompt
Copy the prompt above and paste it into ChatGPT, Claude, Gemini, or any AI assistant. Replace the bracketed placeholders with your specific details.
Leave a Review
Tried this prompt? Let us know how it worked — your reviews help other users find the best prompts.