withastro/astro

Astro is a web framework specifically designed for building websites where most of the content is static, such as blogs, documentation sites, marketing pages, and portfolios. The fundamental problem it solves is that many modern web frameworks ship large amounts of JavaScript to the browser even for pages that barely need any interactivity, which makes them slower to load. Astro takes a different approach: it renders your pages to plain HTML at build time, and only sends JavaScript to the browser for the interactive parts of the page. It calls this concept islands architecture, where most of your page is inert HTML and only isolated interactive sections load client-side JavaScript. Astro lets you write components using its own file format, which looks like HTML with some scripting capabilities, but it also supports components from React, Vue, Svelte, Preact, SolidJS, and other frameworks within the same project. This is useful when you want to migrate gradually from an existing framework or combine components from different ecosystems. At build time, Astro processes all these components and outputs optimized static HTML files. For pages that need dynamic content served at request time rather than pre-built, Astro also supports server-side rendering. The framework is built with TypeScript and runs on Node.js. It integrates with hosting platforms like Vercel, Netlify, and Cloudflare through official adapter packages. You would choose Astro when your primary goal is a fast, content-heavy website, and you want flexibility in which component framework you use for the interactive parts, without paying the performance cost of shipping an entire client-side framework for pages that are mostly text and images.