zoom_in Click to enlarge

Astro

▲ ▼

language

description Astro Overview

Content-heavy websites are the focus of Astro, a web framework that renders pages as HTML while limiting unnecessary browser-side JavaScript. Its islands architecture allows selected components to become interactive without turning the entire page into a JavaScript application. This supports blogs and documentation sites where much of the content can be displayed without interactive code. Astro's framework integrations include React, Vue, Svelte and Solid, allowing teams to reuse familiar components.

Static output is an important part of the framework, but server-rendered pages are also supported, so describing it only as a static site generator is incomplete. Its zero-JavaScript-by-default approach refers to ordinary rendered components, with scripts added where needed. Astro suits developers who want to make deliberate choices about interactivity while keeping content delivery straightforward.

help Astro FAQ

How does Astro's islands architecture work?

Astro's islands architecture allows developers to build mostly static HTML pages while inserting isolated, dynamic UI components that only hydrate when needed. This drastically reduces the amount of JavaScript sent to the browser, maximizing page load speed.

Can I use React components inside an Astro project?

Yes, Astro is UI-agnostic, meaning you can easily integrate React, Vue, Svelte, or Solid components into the same project. You simply import the framework you want, and Astro renders the component to static HTML.

Does Astro support server-side rendering?

While it started primarily as a Static Site Generator, Astro now fully supports server-side rendering through official adapters. You can deploy dynamic Astro applications to platforms like Vercel, Netlify, or Node.js environments.

What is the `astro.config.mjs` file used for?

This is the main configuration file in an Astro project where developers define their site setup, integrations, and rendering mode. It acts as the central hub for configuring tools like Tailwind CSS or Vite.

swap_horiz

Looking for Astro alternatives? Compare top competitors ranked & scored

arrow_forward