Astro: Web framework for content-driven websites
Static site generator with selective component hydration.
Learn more about astro
Astro is a static site generator and web framework that builds websites by rendering content to HTML at build time. It uses a component-based architecture that supports multiple UI frameworks including React, Vue, Svelte, and others through an integration system. The framework implements an islands architecture pattern, where interactive components are selectively hydrated on the client while the rest of the page remains static HTML. Astro targets content-focused websites, blogs, documentation sites, and hybrid applications that combine static and dynamic content.
Islands architecture
Astro renders pages to static HTML by default and only hydrates specific interactive components on the client. This approach reduces JavaScript sent to browsers compared to traditional single-page application frameworks.
Multi-framework support
Projects can use React, Vue, Svelte, Preact, Solid, and other frameworks simultaneously through official integrations. Components from different frameworks coexist in the same page without requiring a unified runtime.
Deployment flexibility
Astro supports static site hosting out of the box and includes adapters for server-side rendering on platforms like Vercel, Cloudflare, and Node.js environments. This allows the same codebase to deploy as static files or as a server-rendered application.
---
// src/components/Card.astro
const { title, description } = Astro.props;
---
<div class="card">
<h2>{title}</h2>
<p>{description}</p>
</div>
<style>
.card {
padding: 1rem;
border: 1px solid #ccc;
border-radius: 8px;
}
</style>Security patch hardens X-Forwarded header validation to prevent cache poisoning and header injection when behind proxies.
- –Validate your reverse proxy configuration passes only trusted X-Forwarded-Proto/Host/Port headers matching allowedDomains patterns.
- –Review server output if using experimental Fonts API, as fallback generation and process.env inlining both received fixes.
Requires Node.js 22.12.0 or later; upgrade your runtime before installing or using this alpha release.
- –Upgrade to Node.js 22.12.0 minimum before running create-astro or any Astro v6 tooling.
- –Consult the v6 upgrade guide for additional breaking changes and migration steps beyond the Node requirement.
Patch release adds client hydration support to Container API's getContainerRenderer() and fixes font filtering bug in experimental Fonts API.
- –Use getContainerRenderer() for client-side hydration without manually calling container.addClientRenderer() in Vite/Vitest tests.
- –Update if using experimental Fonts API with Google provider, as woff files may now download correctly after filter fix.
See how people are using astro
Related Repositories
Discover similar tools and frameworks used by developers
OpenCut
Timeline-based browser video editor with multi-track support.
react-use
Pre-built hooks wrapping browser APIs and common patterns.
yup
JavaScript schema validation with chainable API and type inference.
create-react-app
Zero-configuration React scaffolding tool with preconfigured toolchain.
imgui
Immediate mode GUI library for 3D applications.