CHAPTER 01
渲染模型
SSR / CSR / SSG / ISR 区别与选型判断、水合 Hydration。核心问题：HTML 和 JS 在什么时间、什么地点被生成。
CSR 客户端渲染
HTML 几乎为空，内容由浏览器执行 JS 后生成；数据在浏览器 fetch。
看什么：打开页面后看到模拟数据延迟出现；查看 Network，HTML 里没有内容、请求发生在浏览器。
SSR 服务端渲染
每次请求，服务器运行组件生成完整 HTML。
看什么：刷新页面，渲染时间每次都变。右键查看网页源码，HTML 里直接有内容。
SSG 静态生成
构建时生成一次 HTML，此后所有请求返回同一份。
看什么：pnpm build 后时间戳冻结在构建时刻；build 日志标记为 ●。
ISR 增量重建
构建时生成 + 每 revalidate 秒后台重建一次。
看什么：pnpm build 后时间戳每 10 秒才变一次，期间请求返回旧版本。
Hydration 水合
服务端 HTML 是静态快照，JS 执行后才恢复交互。
看什么：按钮点击、窗口判断、水合标记。