Progressive Web App by Example
- install dependencies with
npm install - start the app with
npm start
Requirements
- this project using ES6 features without any transpiler, so Chrome for testing is recommanded
Try it
- Online exmaple: https://pwa.webdev-jogeleit.de
Examples
- Basic Configuration for a manifest.json file
- Async/Await usage
Caching
- Cache Strategy: Cache only (classic / with Workbox)
- Cache Strategy: Cache first, Network fallback (CDN Files)
- Cache Strategy: Network first, Cache fallback (GET APIs)
BackgroundSync
- Register a new sync task
- Using the sync event
Notifications API
- Send a Notification on click and link to your PWA