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 fixes for the add command to prevent command injection vulnerabilities.
- –Fixes an issue where --add could accept any kind of string, leading to different errors. Now --add accepts only values of valid integrations and adapters.
- –Fixes an issue where the add command could accept any arbitrary value, leading to possible command injections.
Adds customizable remote image size detection and improves adapter prerendering capabilities.
- –Adds a new optional getRemoteSize() method to the Image Service API.
- –Caching: Storing image dimensions in a database or local cache to avoid redundant network requests.
- –Provider APIs: Using a specific image provider's API to get dimensions without downloading the file.
- –Updates the Integration API to add setPrerenderer() to the astro:build:start hook.
- –Improves error message when a dynamic redirect destination does not match any existing route.
Updates Vue-related plugins to their latest major versions.
- –Updates @vitejs/plugin-vue to v6, @vitejs/plugin-vue-jsx to v5, and vite-plugin-vue-devtools to v8. No changes are needed from users.
See how people are using Astro
Top in Frontend
Related Repositories
Discover similar tools and frameworks used by developers
Lucide
Framework-agnostic SVG icons with native component packages.
Remix
Full-stack web framework built on web standards with modular routing, middleware, and session packages.
Nitter
Privacy-focused Twitter front-end that removes tracking and serves content via lightweight proxy.
chenyuluoyan_thin
Thin-weight Chinese font family for modern digital interfaces with graceful readability.
Tachiyomi Website
Official website for Tachiyomi manga reader with documentation and guides.