Hydration

Hydration（水合） 是服务端渲染（SSR）或静态生成（SSG）框架（如 Next.js、Nuxt.js）中的一个核心概念。

它指的是将服务器生成的静态 HTML 内容“激活”，转化为可交互的客户端应用的过程。

相关导航

• 前端开发
• React

核心点

• 服务端先输出可见 HTML
• 浏览器不是重新画一遍，而是接管已有内容
• 接管完成后页面才具备完整交互能力

对比

Hydration 通常出现在 SSR 场景里，不是普通 CSR 页面渲染时最核心的概念。

一个判断

如果页面已经有 HTML，但点击、输入还没真正工作，通常就还处在 Hydration 之前或进行中。