Astro

Astro is een modern JavaScript-framework dat is ontworpen voor het bouwen van snelle, content-gedreven websites. Het gebruikt een componentgerichte benadering met .astro-bestanden en volgt het 'islands' of 'partial hydration' principe: standaard wordt er geen JavaScript naar de browser gestuurd tenzij je expliciet interactieve componenten hydrateert. Astro is framework-agnostisch, wat betekent dat je React-, Vue-, Svelte- of andere componenten kunt gebruiken binnen een Astro-project en het ondersteunt zowel statische sitegeneratie (SSG) als server-side rendering (SSR).

Stel je maakt een marketingwebsite met veel statische content zoals productpagina's en blogposts. In Astro kun je de pagina's server-side renderen of genereren als statische HTML en alleen een paar interactieve onderdelen (bijvoorbeeld een prijskiezer of zoekcomponent) als React- of Svelte-component integreren en die lokaal hydrateren. Dit resulteert in een site die snel laadt, minder client-side JavaScript heeft en toch de benodigde interactiviteit biedt, waarna je het project eenvoudig naar platforms als Vercel of Netlify deployed.