Local-First Web Development 的架构

Email Newsletter

电子邮件通讯

Weekly tips on front-end & UX.
Trusted by 182,000+ folks.

What does it really take to build local-first web apps in 2026? A grounded, experience-driven perspective for developers who’ve been doing this long enough to be skeptical of silver bullets.

在2026年构建 local-first web apps 真正需要什么？一个基于经验的、务实的视角，针对那些从事这项工作足够久、对银弹持怀疑态度的开发者。

Last October, I was sitting in a hotel room in Lisbon, the night before I was supposed to demo a project management tool my team had spent four months building. The hotel Wi-Fi was doing that thing where it connects but nothing actually loads. And I watched our app, this thing I was genuinely proud of, render a blank screen with a spinner. Then a timeout error. Then nothing.

去年十月，我坐在 Lisbon 的一间酒店房间里，前一天晚上我本该演示我们团队花了四个月构建的项目管理工具。酒店 Wi-Fi 做着那种连接但什么都没实际加载的事情。然后我看着我们的应用，这个我真正自豪的东西，渲染出一个空白屏幕带旋转器。然后超时错误。然后什么都没有。

I pulled out my phone, tethered to cellular, and got a shaky connection. The app loaded, but every click was a two-second wait. Create a task? Spinner. Move a task between columns? Spinner. I sat there thinking: we built a front end in React, a back end in Node, a Postgres database, a Redis cache, a GraphQL API with six resolvers just for the task board. All that infrastructure, and the damn thing can’t show me my own data without a round-trip to a server 3,000 miles away.

我拿出手机，连接到蜂窝网络，信号不稳。app 加载了，但每次点击都要等两秒。创建任务？加载中。移动任务到其他列？加载中。我坐在那里想：我们用 React 建了前端，用 Node 建了后端，Postgres 数据库，Redis 缓存，GraphQL API 光是为任务板就写了六个 resolvers。所有这些基础设施，却无法在不往 3000 英里外的服务器来回一趟的情况下显示我自己的数据。

That was the night I started seriously looking at local-first architecture. Not because I read a blog post or saw a tweet. Because I was embarrassed.

那是我开始认真研究 local-first architecture 的那个晚上。不是因为我读了博客文章或看到了推文。因为我感到尴尬。

I want to be upfront about something: I spent the first year or so dismissing local-first as academic. I read the Ink & Switch “Local-First Software” paper when it came out in 2019 and thought, “Cool research, not practical for real apps.” I was wrong. The tooli...