Astro
The web framework for content-driven websites
Overview
Astro takes a radical approach to web performance: ship zero JavaScript by default. Every page is rendered to static HTML, and interactive components only hydrate when they enter the viewport (or based on other triggers you define). For content-heavy sites, this means near-instant page loads.
The island architecture is Astro's key innovation. Each interactive component is an independent island that hydrates separately. A page with a static header, interactive form, and static footer only ships JavaScript for the form. Everything else is pure HTML and CSS.
Astro's framework-agnostic component support means you can use React, Svelte, Vue, or Solid components in the same project. This is valuable for teams migrating between frameworks or using the best tool for each specific component.
Key Features
Zero JS by Default
Ships pure HTML with JavaScript only where explicitly needed
Island Architecture
Independent interactive components that hydrate separately
Framework Agnostic
Use React, Svelte, Vue, or Solid components together
Content Collections
Type-safe content management with Markdown and MDX
View Transitions
Native page transitions without client-side routing overhead
SSR & SSG
Static generation or server rendering based on your needs
Why We Recommend Astro
For content-focused websites - blogs, documentation, marketing sites - Astro produces the fastest pages with the least effort. The island architecture means you only pay for interactivity where you actually need it.