🚀 PWA Power Snippets
A collection of high-quality, production-ready snippets for building Progressive Web Apps faster.
✨ Features
- ⚡ One-line shortcuts for common PWA patterns
- 📦 Production-ready manifest templates
- 🔄 Service worker caching strategies
- 📲 Install prompt handling
- 🌐 Offline support snippets
- 🔔 Push notification boilerplate
📌 Snippets
| Prefix |
Description |
| pwa.manifest |
Full manifest template |
| pwa.sw.network |
Network-first caching strategy |
| pwa.sw.cache |
Cache-first strategy |
| pwa.sw.stale |
Stale-while-revalidate strategy |
| pwa.sw.cleanup |
Cache version cleanup on activate |
| pwa.sw.update |
Skip waiting & claim clients |
| pwa.register |
Register service worker |
| pwa.install |
Install prompt handler |
| pwa.offline |
Offline fallback |
| pwa.push |
Push notifications |
| pwa.sync |
Background sync |
| pwa.badge |
App Badge API count setter |
| pwa.a2hs |
Add to Home Screen button |
| pwa.link |
Link manifest in HTML |
🚀 Usage
- Install the extension
- Open your project
- Type a prefix (e.g.
pwa.manifest)
- Press Tab
🎯 Example
Type: pwa.manifest
Press Tab → full manifest generated instantly.
💡 Why this extension?
Most snippet packs only provide basic templates.
This extension focuses on:
- Real-world PWA patterns
- Best practices
- Developer productivity
👨💻 Author
Achintya
⭐ Support
If you find this useful, consider leaving a rating!
| |