Astro

Astro is an all-in-one web framework designed for speed, with a focus on content-heavy sites like blogs, documentation and marketing pages. Every page starts as static HTML and only the components you mark as interactive are hydrated on the client.

Key Features

• Islands architecture: client:* directives opt components into hydration.
• Content collections with built-in schema validation for Markdown and MDX.
• UI-agnostic: write components in Vue, React, Svelte or Solid in the same page.
• Zero-JS by default — most pages ship no client JavaScript.
• First-class asset handling with image optimization.
• Server islands for dynamic, per-component rendering.

Pricing

Astro is free and open source under the MIT license.

Getting Started

npm create astro@latest
npm run dev

Add content in src/content/, and opt components into hydration with a client:load directive when you need interactivity.