Astro is a web framework for building content-focused websites (blogs, docs, marketing sites) with zero JavaScript by default. It renders to static HTML at build time and only hydrates interactive components — shipping dramatically less JavaScript than React or Next.js.

How Astro Works

Astro's island architecture lets you write components in React, Vue, Svelte, or Astro's own syntax — and only ship JavaScript for interactive parts. A marketing page with one interactive chart sends JavaScript only for the chart. The rest is pure HTML.

Key Concepts

  • Islands Architecture — Only hydrate interactive components — the rest is static HTML with zero JavaScript
  • Multi-Framework — Use React, Vue, Svelte, and Solid components in the same Astro project

Frequently Asked Questions

When should I use Astro vs Next.js?

Astro for content-focused sites (blogs, docs, marketing) where minimal JavaScript is important. Next.js for interactive web applications with complex state management and server-side logic.