Frameworks
Astro icon

Astro

Ships zero JS by default and hydrates only the components that need it. Great for content-heavy marketing sites and blogs where most of the page is static.

What is Astro?

Astro is a web framework built around shipping zero JavaScript by default and hydrating only the individual components that actually need interactivity, an approach it calls islands architecture. It's aimed at content-heavy sites, mostly static markup with a few interactive widgets, where a full client-side framework bundle is wasted weight.

Key features

  • Islands architecture: static HTML by default, with opt-in hydration per component (client:load, client:visible, etc.)
  • Framework-agnostic: mix React, Vue, Svelte, or Solid components in the same project if needed
  • Built-in content collections with type-safe frontmatter for blogs and docs-style content
  • File-based routing and built-in image optimization
  • Server-side rendering and static output both supported from the same codebase

Who it's for

Strong choice for marketing sites, blogs, and documentation where most of the page is static content. Less of a natural fit for a highly interactive, state-heavy application, that's still better served by Next.js, Remix, or a SPA framework.

Pricing

Astro itself is free and open source. Hosting cost depends on where you deploy it.