交互留在浏览器
React 组件与样式负责编辑和反馈。页面由 SSR 输出，客户端 hydration 后接管交互。
React · CSS · hydration AN INTERACTIVE FIELD GUIDE VOL. 001 — OCT 2026
从一条笔记，
到全球边缘。
A FULL-STACK APP, TAKEN APART.
把一次部署放上工作台。
看清源码如何构建、资源如何接入，
以及一条笔记最终存在哪里。
FIG. 01THE DEPLOYMENT MACHINE
⌖ 点击机械模块，检查内部职责01 / SOURCE CONTROL
教学模拟 · 非部署实时进度
01 — 机械结构即系统结构
双轨压机分别生成浏览器与服务端产物，发布闸门连接云端运行时，独立抽屉保存数据库状态。
部署改变代码版本；笔记写入改变数据。两种生命周期，在同一台机器上看清。
THE LIVE EXPERIMENT
真实数据库读写现在，让它真的工作。
写一条笔记，验证从浏览器到数据库的完整往返。
正在连接数据库…30 / 8,000
REQUEST PATH
BrowserServer FnDrizzleD1
等待第一次查询WHAT LIVES WHERE一套脚手架，
一套脚手架，
清晰的边界。
查询留在服务端
TanStack server functions 校验输入，Drizzle 生成 SQL，通过 Void 的 D1 绑定访问数据库。
server functions · void/db发布留给流水线
Gitea Actions 先检查代码，再调用 Void 构建、迁移与部署。资源 ID 随锁文件一起版本化。
Gitea Actions · void deploy