The web framework for content-driven websites

Astro powers the world's fastest marketing sites, blogs, e-commerce websites, and more.

Get Startednpm create astro@latest

Used by the largest companies around the world:

GoogleUNILEVERVISAMicrosoftPORSCHEOpenAINetlifyNordVPNCloudflareNBC NEWSGuardianMichelinProtonWebflow

What is Astro?

Astro is a JavaScript web framework optimized for building fast, content-driven websites.

Server-First

Render on the server and send lightweight HTML without unnecessary overhead.

Content-Driven

Load content from files, external APIs, or the CMS your team already uses.

✦

Customizable

Bring UI components, CSS libraries, integrations, and the tools you prefer.

Best-In-Class Performance

Astro Islands

Islands optimize page load performance to improve conversion, Core Web Vitals, and search visibility.

% of real-world sites with good Core Web Vitals

Astro

66%

WordPress

48%

Gatsby

47%

Next.js

30%

Nuxt

28%

Maximum Flexibility

Zero Lock-in

Use every major UI framework while keeping the server-first page model.

---
import BuyButton from '../components/ReactButton';
const product = await getProductDetails();
---
<ProductPageLayout>
  <h2>{product.name}</h2>
  <BuyButton client:load />
</ProductPageLayout>

Snapback Cap

$25.00

Everything you need

Fully Featured

Everything needed for a modern content-driven website, organized as stable feature owners.

Content Collections

Organize content with type-safe collections and validated metadata.

Zero JavaScript, By Default

Ship only the JavaScript a page actually needs.

View Transitions

Morph, fade, and move between pages with browser-native transitions.

Optimized Images

Create responsive modern image formats without layout shift.

UI Integrations

Bring components from React, Vue, Svelte, Preact, Solid, and more.

File-Based Routing

Read the site structure directly from the pages directory.

Middleware

Wrap requests with authentication, logging, and data logic.

Actions

Call type-safe backend functions from client interfaces.

Deployment Adapters

Configure deployment for the platform that fits the project.

Simple Templating

Build server components with familiar HTML syntax.

Instant Page Loads

Prefetch likely destinations for fast navigation.

AI-Ready

Connect contextual tools to an AI-assisted workflow.

Environment Variables

Manage public and private configuration safely.

Dev Toolbar

Extend the development environment with integrated tools.

Ecosystem

Themes

Start faster with a pre-built theme, then make it your own.

Astro Partner Agencies

Get professional Astro support

Find an experienced team for landing pages, commerce, and content platforms.

Lucky Media Seibert Group Bejamas

Start building with Astro today