Astro

What is it?

Astro is a modern JavaScript framework focused on building fast, content-driven websites. It uses a component-based approach with .astro files and follows the 'islands' or 'partial hydration' pattern: by default little to no JavaScript is shipped to the browser unless you explicitly hydrate interactive components. Astro is framework-agnostic—allowing you to use React, Vue, Svelte and other components inside an Astro project—and it supports both static site generation (SSG) and server-side rendering (SSR).

Practical example

Imagine you're building a marketing site with lots of static content like product pages and blog posts. In Astro you can render those pages as static HTML or server-render them, and only integrate a few interactive parts (for example a price calculator or search widget) as React or Svelte components that are hydrated on demand. This results in a fast-loading site with minimal client-side JavaScript while still providing required interactivity, and you can deploy the project easily to platforms like Vercel or Netlify.

Test your knowledge

What is the notable characteristic of Astro's approach to delivering JavaScript to the browser?

Ask Lex
Lex knows the context of this term and can give targeted explanations, examples, and extra context.
Tip: Lex replies briefly in the widget. For more detail, go to full screen mode.

Learn our language

Learn these terms from real professionals and take your skills further at KdG MCT.

Study at KdG

Related terms