AstroStatic Site GeneratorHeadless CMSComposable ArchitectureFrontend FrameworkIslands ArchitectureAPI-Driven FrontendPerformance-Focused

Astro

Content-focused framework for building fast, API-driven websites.

Overview

Astro is commonly used as the presentation layer in headless and composable architectures, fetching content from Headless CMS platforms via APIs and rendering it primarily at build time. Its islands architecture allows teams to ship minimal JavaScript while selectively enabling interactivity where needed.

Rendering Modes
SSGSSRHybridISR
Best For

Blogs, Docs, Marketing sites, Portfolios

License

MIT

Quick Start

npm create astro@latest

Run the CLI wizard to scaffold a new project (choose a starter/template). Start dev mode with the generated scripts (e.g., npm run dev). Build and preview production output with astro build / astro preview.

Key Features

Island Architecture

Partial hydration for optimal performance

Zero JS by Default

Ships no JavaScript unless needed

Multi-framework

Use React, Vue, Svelte, and more together

Content Collections

Type-safe content management

View Transitions

Native-like page transitions

Pros & Cons

Pros

  • Exceptional performance
  • Framework agnostic
  • Great for content sites

Cons

  • Less suitable for highly interactive apps
  • Newer ecosystem

Common Use Cases

Documentation SitesBlogsMarketing & Landing PagesE-commerce FrontendsHybrid Sites (Static + Dynamic)Sites Using Multiple UI Frameworks

Compatible CMS

Compatible Cloud Servers