服务端渲染

如果 SPA 是给你一盒食材回家自己做，SSR 就是餐厅做好端上桌：浏览器拿到的 HTML 已经有内容，马上能看到页面，之后再加载 JavaScript 让按钮等交互生效，这一步叫水合（Hydration）。

SSR 适合需要被搜索引擎收录、且每次访问数据都可能不同的页面，比如商品详情页、新闻页。它和 SSG 的区别在于 HTML 生成的时机：SSR 在每次请求时，SSG 在构建时。Next.js、Nuxt 是常见的 SSR 框架，代价是需要一台一直运行的服务器。

新手常见报错是 hydration mismatch：服务器生成的内容和浏览器首次渲染的不一致，通常因为渲染时用了 window、localStorage、当前时间或随机数。