Astro powers the world's fastest marketing sites, blogs, e-commerce websites, and more.
Used by the largest companies around the world:
What is Astro?
Astro improves website performance by rendering components on the server, sending lightweight HTML to the browser with zero unnecessary JavaScript overhead.
Astro was designed to work with your content, no matter where it lives. Load data from your file system, external API, or your favorite CMS.
Extend Astro with your favorite tools. Bring your own JavaScript UI components, CSS libraries, themes, integrations, and more.
Best-In-Class Performance
Islands optimize your website like no other web framework can. Leverage Astro's unique page load performance to improve conversion rates, Core Web Vitals, and SEO.
% of real-world sites with good Core Web Vitals
View the full dataset · Based on real-world performance data from HTTP Archive and the Chrome UX Report.
Maximum Flexibility
Astro supports every major UI framework. Bring your existing components and take advantage of Astro's optimized client build performance.
Integrate your favorite framework---
import BuyButton from '../components/BuyButton.jsx'
import { getProductDetails } from "ecommerce-package"
import Layout from '../layouts/ProductPage.astro'
const product = await getProductDetails(Astro.params.slug)
---
<Layout>
<img src={product.imageUrl} />
<h2>{product.name}</h2>
<BuyButton client:load />
</Layout>Everything you need
Astro comes with everything you need to build a modern website. Need more? Extend Astro with integrations.
Organize your Markdown and MDX with built-in TypeScript type-safety and frontmatter validation.
Astro only ships the JavaScript you need and automatically strips away the rest for a faster website.
Seamlessly morph, fade, and swipe across pages with built-in, browser-native View Transition APIs.
Eliminate layout shift and serve optimized, modern image formats with Astro's built-in components.
Bring your favorite UI frameworks and component libraries with Astro's flexible island architecture.
Astro's flexible routing system lets you understand your site's structure at a glance.
Wrap incoming requests with custom logic like authentication, logging, or data fetching.
Write type-safe backend functions that you can call directly from your frontend JavaScript client code.
One-line configuration for Netlify, Vercel, AWS, or your favorite hosting platform.
If you know HTML, you already know enough to write your first Astro component.
Optimize page loading with intelligent automatic prefetching.
Integrate Astro's official MCP server and context files with your favorite AI tools.
Avoid common configuration mistakes with a built-in API to manage your environment variables.
Extend your development environment with apps and integrations for the built-in development toolbar.
Ecosystem
Get started faster with a pre-built website theme for Astro. Customize it to make it your own.
Official documentation theme
Starter template for startups
Trendy and modern SaaS theme
Dark-themed portfolio
Astro Partner Agencies
Find the right team for your project with an Astro Partner Agency.