Building an offline experience with a Rails-powered PWA
summary
Turns a Rails 7 app into an installable PWA that survives no-network field use by farmers: a Chile government survey app stores complex form records in IndexedDB (Dexie), caches assets and an offline fallback via a service worker controller and manifest, uses Workbox+Dexie+Mustache for caching, rendering and storage, and performs automatic background sync with a manual sync fallback when unsupported. The prototype succeeds at create/read/update offline and reconciles on reconnect.
AI-written summary · about
chapters (18)
- 0:00Intro
- 0:41Alicia Rojas
- 1:18Overview
- 2:09What is a PWA?
- 4:09The challenge
- 5:16The solution
- 6:29The ingredients
- 10:00Add routes
- 10:18Add service worker and manifest
- 12:13Write companion JS
- 16:42Workbox Strategies
- 18:15Offline fallback
- 20:53IndexedDB
- 22:23Background Sync API
- 28:33Create
- 34:26Key takeaways
- 35:37Further oportunities
- 36:42Resources
related talks
24mBuilding an offline experience with a Rails-powered PWA
29mGive Apps Online Superpowers by Optimizing them for Offline
59mProgressive React Apps
41mIntroduction to Offline First Web Applications
41mOffline Web Apps don't exist anymore!
28mThe Future of: PWAs on Rails
23mJavaScript: Off the Grid
30mOffline First: Making Your App Awesome When the Network Isn't