アイランドアーキテクチャとは?
アイランドアーキテクチャとは、ページを静的な HTML として配信し、特定のインタラクティブなウィジェット(アイランド)だけがクライアントサイドの JavaScript を受け取るレンダリング手法です。各アイランドは、ページ全体が単一の app になるのではなく、それぞれ独自にハイドレートします。周囲の静的コンテンツはスクリプトを一切必要としません。
なぜ重要か
インタラクティビティを必要とする部分だけをハイドレートすることで、アイランドは JavaScript のペイロードを削り、応答性を改善します。トレードオフは、各アイランドが何を担うかの境界をより慎重に扱うことです。
関連ガイド
What Is Partial Hydration?Partial hydration attaches client behavior to only the interactive parts of a server-rendered page, leaving s…
What Is a Hydration Mismatch?A hydration mismatch happens when the markup a client renders during hydration differs from the server HTML,…
What Is a Server Component?A server component renders only on the server, sending its result to the client without shipping its own Java…