【図解】Hydration（ハイドレーション）をなんとなく理解したい - Qiita

この記事は、Ateam LifeDesign Advent Calendar 2022 シリーズ1の7日目の記事です。 ハイドレーションとは？ ハイドレーションまたはリハイドレーションは、クライアント側JavaScriptが、静的ホスティングまたはサーバー側レンダリングのいずれかによって配信される静的HTML Webページを、イベントハンドラーをHTML要素にアタッチすることによって動的Webページに変換する手法です。 (Wikipediaより) つまり、サーバーサイドレンダリング(SSR)などで事前にサーバー側で作られたHTMLを、JavaScriptで動的にしていくプロセスのこと。 ハイドレーションの流れ 1. サーバー側でHTMLを生成 SSRや静的サイトジェネレート(SG)など 2. サーバー側で生成した静的なHTMLをブラウザで受け取り、表示する 操作はできないが、HTMLを利用