Building an offline experience with a Rails-powered PWA
summary
A Rails 7 app becomes a working PWA that performs offline CRUD for a long field questionnaire used by farmers: it uses a service worker at root scope and a manifest for installability, stores records locally with IndexedDB (Dexie wrapper), renders offline UI via Stimulus + Mustache templates and syncs to the server with a manual sync button (background sync optional). Network is detected by fetching a small uncached image; front and back validations match to avoid sync failures.
AI-written summary · about
chapters (8)
- 0:00Introduction
- 1:34What is a PWA
- 4:09Case study challenge
- 5:56Setting up PWA basics
- 9:10CRUD with Hotwire and IndexedDB
- 15:38User interaction with offline data
- 20:19Key takeaways and compatibility
- 22:31Q&A and resources
related talks
37mBuilding an offline experience with a Rails-powered PWA
28mThe Future of: PWAs on Rails
41mIntroduction to Offline First Web Applications
59mProgressive React Apps
29mGive Apps Online Superpowers by Optimizing them for Offline
35mProgressive Web Apps with Ruby on Rails
03h 13mBuild your first mobile & desktop app as a Progressive Web Application
41mOffline Web Apps don't exist anymore!