What Is Island Architecture?
Island architecture is a rendering approach where a page is delivered as static HTML and only specific interactive widgets, the islands, receive client-side JavaScript. Each island hydrates on its own rather than the whole page becoming a single app. The static surrounding content needs no script at all.
Why it matters
By hydrating only the parts that need interactivity, islands cut JavaScript payload and improve responsiveness. The tradeoff is more careful boundaries around what each island owns.
Related guides
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…