[{"data":1,"prerenderedAt":70},["ShallowReactive",2],{"term-i\u002Fislands":3,"related-i\u002Fislands":59},{"id":4,"title":5,"acronym":6,"body":7,"category":40,"description":41,"difficulty":42,"extension":43,"letter":44,"meta":45,"navigation":46,"path":47,"related":48,"seo":53,"sitemap":54,"stem":57,"subcategory":6,"__hash__":58},"terms\u002Fterms\u002Fi\u002Fislands.md","Islands",null,{"type":8,"value":9,"toc":33},"minimark",[10,15,19,23,26,30],[11,12,14],"h2",{"id":13},"eli5-the-vibe-check","ELI5 — The Vibe Check",[16,17,18],"p",{},"Islands architecture is shipping a static HTML page with small 'islands' of interactive JavaScript. Everything that isn't a button or form stays as pure HTML — no JS, no hydration. Astro made this mainstream. Page weight drops dramatically.",[11,20,22],{"id":21},"real-talk","Real Talk",[16,24,25],{},"Islands architecture is a frontend rendering pattern where the bulk of a page is static HTML with isolated interactive 'islands' hydrated independently. Pioneered by Jason Miller and popularized by Astro, Fresh, and Marko. Each island hydrates separately, reducing time-to-interactive and JS payload compared to full-page hydration. Partial hydration variants include lazy and interaction-triggered hydration.",[11,27,29],{"id":28},"when-youll-hear-this","When You'll Hear This",[16,31,32],{},"\"Astro's islands cut our JS bundle 90%.\" \u002F \"Don't ship a full React tree — use islands.\"",{"title":34,"searchDepth":35,"depth":35,"links":36},"",2,[37,38,39],{"id":13,"depth":35,"text":14},{"id":21,"depth":35,"text":22},{"id":28,"depth":35,"text":29},"frontend","Islands architecture is shipping a static HTML page with small 'islands' of interactive JavaScript.","intermediate","md","i",{},true,"\u002Fterms\u002Fi\u002Fislands",[49,50,51,52],"Astro","Hydration","Partial Hydration","Server-Side Rendering",{"title":5,"description":41},{"changefreq":55,"priority":56},"weekly",0.7,"terms\u002Fi\u002Fislands","EpivIdk0qd8qF_b1yXILtBs-ytKAzXHovPvEOmMeXlw",[60,63,66],{"title":49,"path":61,"acronym":6,"category":40,"difficulty":42,"description":62},"\u002Fterms\u002Fa\u002Fastro","Astro is the 'ship zero JavaScript by default' framework.",{"title":50,"path":64,"acronym":6,"category":40,"difficulty":42,"description":65},"\u002Fterms\u002Fh\u002Fhydration","Hydration is when a server-rendered HTML page comes alive in the browser.",{"title":51,"path":67,"acronym":6,"category":40,"difficulty":68,"description":69},"\u002Fterms\u002Fp\u002Fpartial-hydration","advanced","Partial Hydration is the art of only making interactive the parts of your page that actually need to be interactive. Why hydrate a static paragraph?",1776518289481]