Astro Islands

ELI5 — The Vibe Check

Astro Islands are like oases of interactivity in a desert of static HTML. Most of your page is plain HTML (fast, no JS), and only the parts that need to be interactive (a carousel, a search bar) get their own little island of JavaScript. Each island hydrates independently — if the footer widget breaks, the header carousel keeps spinning.

Real Talk

Astro Islands implement the islands architecture pattern where interactive UI components are isolated as independent islands within static HTML. Each island hydrates independently with its own framework (React, Vue, Svelte), supporting different loading strategies (on:load, on:idle, on:visible) for optimal performance.

When You'll Hear This

"Our contact form is an Astro Island using client:visible — it only loads when scrolled into view." / "Each island can use a different framework, so we migrated incrementally from React to Svelte."