The web framework for content-driven websites!
Astro powers the world's fastest marketing sites, blogs, e-commerce websites, and more.
Get Started! npm create astro@latest
What is Astro?
Astro is a JavaScript web framework optimized for building fast, content-driven websites.
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.
Astro 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.
Framework | Core Web Vitals Passing |
---|---|
Astro | 65% |
Gatsby | 44% |
WordPress | 43% |
Next.js | 28% |
Nuxt | 26% |
View the full dataset ยท Based on real-world performance data from HTTP Archive and the Chrome UX Report.
Astro supports every major UI framework. Bring your existing components and take advantage of Astro's optimized client build performance.
Integrate your favorite framework
Everything you need
Fully Featured
Astro comes with everything you need to build a modern website. Need more? Extend Astro with integrations.
Content Collections
Organize your Markdown and MDX with built-in TypeScript type-safety and frontmatter validation.
0 Zero JavaScript, By Default
Astro only ships the JavaScript you need and automatically strips away the rest for a faster website.
View Transitions
Seamlessly morph, fade, and swipe across pages with built-in, browser-native View Transition APIs.
Middleware
Wrap incoming requests with custom logic like authentication, logging, or data fetching.
Actions
Write type-safe backend functions that you can call directly from your frontend JavaScript client code.
Environment Variables
Avoid common configuration mistakes with a built-in API to manage your environment variables.
Deployment Adapters
Add an integration to instantly customize your project for Vercel, AWS, or your favorite hosting platform.
UI Integrations
Bring your favorite UI frameworks and component libraries with Astro's flexible island architecture.
Dev Toolbar
Extend your development environment with apps and integrations for the built-in development toolbar.
Ecosystem
Themes
Get started faster with a pre-built website theme for Astro. Customize it to make it your own.
Trending | View Theme |
---|---|
E-Commerce | View Theme |
Blogs | View Theme |
Docs | View Theme |
Portfolios | View Theme |
Landing Pages | View Theme |
Browse more themes
Astro Partner Agencies
Get professional Astro support
Find the right team for your project with an Astro Partner Agency. From landing pages to e-commerce, get the expert assistance you need.
58agents GmbH
Lucky Media
EXDST
Bejamas
Start building with Astro today! npm create astro@latest
Astro is free, open-source software made possible by these wonderful sponsors
Netlify Official Deployment Partner
Sentry Official App Monitoring Partner
Google IDX Official Online Editor Partner
ArcJet
HandsOnTable
Route4Me, Route Planner and Route Optimizer
Manifest - A complete backend in 1 YAML file
Woolly Mammoth - Digital Agency
Lucky Media
Datadog