Skip to main content
Development

Astro

Astro.js | Astro Framework

Portrait of Robert Klimant, co-founder of Roelu Studio
Robert KlimantCo-founder

What is Astro?

Astro is a web framework designed for content-driven sites — marketing pages, blogs, documentation, glossaries. The Astro framework renders pages to plain HTML at build time and ships zero JavaScript unless a specific component asks for it. That makes Astro sites measurably faster than equivalent React or Next.js builds, especially on mobile devices and on slow or unreliable networks where every kilobyte of code costs the visitor time.

Why it matters

Most modern websites ship five times more JavaScript than they need. That code runs on every visitor's phone, drains battery, and slows down the page. For a content site — which is what most marketing sites actually are — that overhead buys nothing. Astro takes the opposite stance. Send HTML. Add interactivity only where it earns its place. The result is sites that load in under a second on a mid-range Android, score green on Core Web Vitals without tuning, and rank better in search. When the brief is a fast marketing site or a content hub, Astro often beats Next.js on the metrics that matter to a CMO.

How it works

Developers write pages as Astro components, which look like HTML with a bit of JavaScript on top. At build time, the framework renders everything to static HTML and pushes it to a CDN. When a visitor lands, they get the finished page instantly — no waiting for scripts to download and execute. If a section needs interactivity, like a pricing toggle or a search box, developers mark it as an island and Astro ships JavaScript only for that piece. Content usually lives in a headless CMS or in Markdown files, and the same Astro project can pull from both. Hosting runs on Cloudflare, Vercel, or Netlify.

Related terms

  • Next.js

    Development

    A modern web framework for building fast, search-friendly websites and apps in React. It is the default choice for serious scale-up sites where speed, SEO, and…

  • Static Site Generation

    Development

    Building every page of a website in advance, once, and storing the result as plain files ready to ship from a CDN. The output is a site that loads in…

  • React

    Development

    The most widely used way of building interactive websites and apps in JavaScript. If your product has buttons, dashboards, or live data, there is a strong…

  • Server-Side Rendering

    Development

    When a website builds the page on the server before sending it to the visitor's browser. The visitor sees finished content immediately, and Google sees the…

  • Vercel

    Development

    The hosting and deployment platform built by the same team that builds Next.js. It runs the build pipeline, the global CDN, the preview URLs, and the analytics…

  • Composable Architecture

    Development

    An approach to building websites and digital products where each capability — CMS, search, payments, analytics — is a separate specialized service, connected…

  • Custom Web Development

    Websites

    Building a website from scratch with a designer and developer, instead of using a template or no-code platform — owned by you, shaped to your business, no…