Wat is Astro en waarom voelt het zo snel?

Astro is een webframework dat gemaakt is voor content-gerichte websites: marketingsites, blogs, documentatie en webshops die vooral inhoud tonen. De kernidee is eenvoudig. Een pagina wordt op de server opgebouwd tot HTML, en er gaat alleen JavaScript naar de browser waar dat echt nodig is.

Dat laatste heet de islands-architectuur. Een interactief stuk, zoals een zoekbalk of een carousel, wordt een eiland met zijn eigen JavaScript. De rest van de pagina blijft statische HTML. Het resultaat is een site die snel laadt en weinig werk aan de browser overlaat.

Astro werkt met je favoriete tools. Je schrijft componenten in .astro, en kan er React, Svelte of Vue naast gebruiken voor de interactieve eilanden. Content beheer je met Content Collections, waarbij de structuur van je artikelen al tijdens de build wordt gecontroleerd.

Deze site, AstroBuild, is zelf met Astro gebouwd en draait op Cloudflare. Ze dient als demo van wat je met deze aanpak kan maken. In de volgende artikelen gaan we dieper in op de features, en in de release calendar volg je live mee wat er aan Astro verandert.