Islands Architecture hydrates only the interactive parts of your page.
What is Islands Architecture?
Islands Architecture allows you to build static pages with interactive components (islands) that hydrate independently.
Benefits
- Faster initial page load
- Independent component hydration
- Better performance out of the box
- Progressive enhancement
Frameworks
Astro
Astro is the pioneer of Islands Architecture.
astro
---
import InteractiveComponent from '../components/InteractiveComponent.astro';
---
<h1>Static Content</h1>
<InteractiveComponent client:load />
---Fresh
Fresh (Deno) also implements islands architecture for optimal performance.
Islands Architecture represents the future of web development.