Get Your Head Out of the Cloud — Embracing Local-First Apps with Nuxt
summary
Builds a Nuxt to‑do app that stores everything locally in IndexedDB and synchronizes peer‑to‑peer via WebRTC, using rxdb as the sync engine and dexie.js for storage; demo deploys on Netlify with room hashes so two browsers instantly share changes without any central server. App persists offline, survives refreshes, and shows merged datasets (not naive last‑write wins); limits are browser storage and large‑data merge complexity. Code lives at BenCoden/local-first-nuxt-todo-mvc on GitHub.
AI-written summary · about
chapters (12)
- 0:00Introduction
- 1:49Cloud-centric pitfalls
- 5:17Local-first software
- 8:47Benefits of local-first
- 12:14Local-first with Nuxt
- 13:39Live demo: to-do app
- 16:51Database composable
- 18:14Sync engines role
- 22:01Local-first future
- 23:30Tech stack & closing
- 25:54Resources
- 28:16Q&A
related talks
57m🚨 Live On the Edge 🚨
24mAn introduction to local-first apps
41mThe UI/UX Benefits and Trade-Offs of Local-First Apps
55mNuxt.js: isomorphic Vue.js Apps made easy, fast and fun
38mMoving seamlessly through offline and online
45mOffline First (Web) Apps
30mOffline First: Making Your App Awesome When the Network Isn't
27mFirebase: Making Real-time a Reality