HTML eerst, interactie als uitzondering
Astro is een server-first framework voor contentgedreven websites. Het rendert pagina-inhoud als HTML en verstuurt standaard geen client-side JavaScript; ontwikkelaars voegen expliciet browsercode toe aan componenten die interactie nodig hebben.
Een interactieve component binnen een verder statische pagina wordt een island genoemd. Een navigatiebediening, zoekinterface of andere widget kan onafhankelijk worden gehydrateerd, terwijl nabijgelegen koppen, alinea's en links gewone HTML blijven.
| Paginagebied | Initiële levering | Browsergedrag |
|---|---|---|
| Statische Astro-content | Server-gerenderde HTML | Standaard geen componentruntime |
| Gehydrateerde island | HTML plus geselecteerde componentcode | Wordt onafhankelijk geactiveerd |
| Meerdere islands | HTML plus geselecteerde code voor iedere island | Iedere island kan een eigen laadprioriteit gebruiken |
De timing van hydration is expliciet. client:load geeft prioriteit aan een bedieningselement dat onmiddellijk nodig is, client:idle stelt werk uit totdat de browser inactief is en client:visible wacht totdat een component de viewport nadert.
Integraties en gestructureerde content
Astro kan React, Preact, Svelte, Vue, Solid, HTMX, webcomponenten en andere UI-benaderingen gebruiken voor interactieve gebieden. Dit maakt selectief hergebruik van vertrouwde componentsystemen mogelijk zonder het volledige document in één client-gerenderde applicatie te veranderen.
Nuttige onderdelen van het ecosysteem die door de onderhouden repository worden genoemd, zijn onder meer:
- UI-integraties voor React, Preact, Solid, Svelte en Vue.
- Ondersteuning voor de Node-runtime en deploymentadapters.
- Publicatietools, zoals integraties voor MDX, RSS en sitemaps.
- Scriptgerelateerde integratie via Partytown.
Content collections organiseren en valideren Markdown en gerelateerde items met typeveiligheid van TypeScript. In de praktijk kan een team een consistente structuur voor artikelen of documentatie definiëren, ongeldige contentvelden opsporen en een samenhangende collection doorzoeken in plaats van ieder bestand als niet-gerelateerd te behandelen.
Bewijs tegenover implementatieresultaten
Astro's openbare documentatie en onderhouden repository ondersteunen claims over HTML-first rendering, opt-in hydration, ondersteunde UI-benaderingen en content collections. Ze beschrijven de mogelijkheden en standaardinstellingen van het framework, niet de kwaliteit van iedere site die met Astro is gebouwd.
Een voltooid project kan nog steeds grote islands, meerdere frameworkruntimes, zware afbeeldingen, lettertypen of scripts van derden bevatten. Die keuzes kunnen prestaties en onderhoud beïnvloeden, dus bezoekers moeten onderscheid maken tussen Astro's gedocumenteerde model en resultaten waarvoor een specifieke implementatie moet worden geïnspecteerd. Hetzelfde onderscheid geldt voor toegankelijkheid en betrouwbaarheid: het framework biedt architectuurtools, terwijl de uiteindelijke ervaring afhangt van hoe een team deze gebruikt.
