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?