¿Qué es la hidratación (hydration) en React/Next.js?

Гидрация (hydration) в React/Next.js — это процесс, при котором React «оживляет» уже сгенерированный на сервере HTML, добавляя к нему интерактивность на клиенте.

В Next.js сначала происходит серверный рендеринг (SSR), который возвращает полностью сформированный HTML. Когда этот HTML загружается в браузере, React запускает гидрацию — связывает сгенерированные DOM-элементы с React-компонентами, восстанавливая состояние и обработчики событий. Это позволяет избежать повторного полного рендеринга и ускоряет загрузку страницы.

Пример: сервер отдает статичный HTML с контентом, а клиентский React код после загрузки подключается к этому HTML и делает его интерактивным, например, добавляет обработчики кликов, состояние и т.д.