Islands Architecture

Balances paradigms of Web Development that pursue fast, navigable sites with many public facing pages (such as Static Site Generation , Server Side Rendering ) with interactive behavior customized to the user (such as Client-Side Rendering ).

ℹ️

"The term Islands architecture was popularized by Katie Sylor-Miller and Jason Miller to describe a paradigm that aims to reduce the volume of JavaScript shipped through “islands” of interactivity that can be independent delivered on top of otherwise static HTML. Islands are a component-based architecture that suggests a compartmentalized view of the page with static and dynamic islands. The static regions of the page are pure non-interactive HTML and do not need hydration. The dynamic regions are a combination of HTML and scripts capable of rehydrating themselves after rendering." ! Pasted image 20250122132132.png ^[8e7af3]

Footnotes

[8e7af3] "Islands Architecture" , Patterns.dev. Accessed 2025, Jan 22.