Service Workers in Action: Building an Offline-Capable Webshop in under 90 minutes
summary
Builds a minimal webshop into an offline-capable PWA in under 90 minutes by registering a Service Worker, showing live code for add-to-homescreen, push notifications and background sync, and wiring caching strategies like network-first and cache-first for images, CSS and API calls. Demonstrates IndexedDB for cart state, explains cache invalidation for personalized pages, and streams responses into the cache. The demo boots faster, serves product pages offline and shows the notifications and sync actually working end-to-end.
AI-written summary · about
chapters (15)
- 0:00Service Workers intro
- 3:17Progressive Web Apps
- 7:32Webshop with Service Workers
- 12:57Key technologies behind Progressive Web Apps
- 17:22Register Service Worker
- 23:49Offline request handling
- 28:57Intercept network requests
- 34:27Caching strategies
- 42:25Network vs cache-first
- 48:37Dynamic data updates
- 55:26Shopping cart optimization
- 1:01:01Debug Service Workers
- 1:08:15Personalization updates
- 1:14:18Performance & business case
- 1:21:31Summary & future
