This Is Your Captain Speaking, We're Going into Airplane Mode!
summary
A photo-upload demo that implements an offline-first flow using service workers, background-sync, IndexedDB and the idb library. It stores photos locally as base64, registers a sync tag, and uploads them when connectivity returns, showing code for opening object stores, transactions, broadcasting messages to update the page, and deleting items after successful POST. The demo runs in Chrome (DevTools used to simulate offline) but background-sync is missing or only partial in Safari and older browsers.
AI-written summary · about
chapters (7)
- 0:00Offline app intro
- 3:57Service worker caching
- 10:12Local photo storage
- 14:32Background Sync events
- 23:50Server data sync
- 25:30Demo and limits
- 26:11Q&A
related talks
35mBrowsers behind your back
26mBrowsers behind your back
30mOffline First: Making Your App Awesome When the Network Isn't
38mMoving seamlessly through offline and online
39mSay Hello to Offline First
38mHow we developed an Offline‑First app using Persistent Storage
45mOffline First (Web) Apps
41mIntroduction to Offline First Web Applications