Skip to main content

Astro

Overview​

Astro is a content-focused web framework that ships zero JS by default and hydrates interactive islands only where needed. It supports MDX, multiple UI frameworks (React, Vue, Svelte), and output to static or server deployments.

Key concepts​

  • Islands architecture — Mostly static HTML + selective client components.
  • Content collections — Type-safe Markdown/MDX with schemas.
  • Adapters — Deploy to Node, Vercel, Netlify, Cloudflare, etc.
  • View Transitions — Smooth navigations between static pages.
  • SEO-friendly — Fast TTFB and minimal client bundles by default.

Build & ship​

Sample: page with a React island​

---
import Counter from '../components/Counter.tsx';
---
<html lang="en">
  <body>
    <h1>Hello Astro</h1>
    <Counter client:load />
  </body>
</html>

References​