How we built a delightful offline-first order platform for our B2B partners
summary
Built an offline-first B2B order platform that caches the entire product dataset in the browser so sales reps can take orders without connectivity, validate them locally and sync when online. It replaces Excel uploads with a spreadsheet-style 2D grid that supports cell navigation, copy‑paste and per‑delivery-date quantities, handles ~5,000 products (app cache ~18 MB) across ~100 reps (saving an estimated 20,000 hours), and runs on React + reactive-virtualized with a service worker + localForage/IndexedDB caching layer and an API-backed Spiker backend.
AI-written summary · about
chapters (9)
- 0:00Introduction
- 7:19Why we built new platform
- 8:23Spreadsheet-like order experience
- 12:37Technical stack choices
- 15:11Rendering 5000 products offline
- 18:01Lightweight spreadsheet component
- 22:37Making app fully offline
- 25:45Expanding to all users
- 26:54Q&A
related talks
38mHow we developed an Offline‑First app using Persistent Storage
01h 29mService Workers in Action: Building an Offline-Capable Webshop in under 90 minutes
37mBuilding an offline experience with a Rails-powered PWA
24mBuilding an offline experience with a Rails-powered PWA
43mOffline-first Architecture - How to survive without the internet?
22mRapid Development on Offline First Data Sync
32mLook, Mum, No Internet - Creating great experiences with offline-first apps
41mIntroduction to Offline First Web Applications