Frontend

Astro

Astro is een moderne sitebouwer die één simpel uitgangspunt heeft: stuur standaard geen JavaScript naar de browser. Dat levert uitzonderlijk snelle sites op, en het maakt Astro sterk voor content en zwak voor interactie.

Astro in het kort

Sinds
2021
Uitgangspunt
Standaard geen JavaScript
Sterk in
Snelheid en content
Beheeromgeving
Niet ingebouwd
Hosting
Goedkoop, grotendeels statisch

Wat het is

Wat is Astro?

Astro bestaat sinds 2021 en werd snel populair bij ontwikkelaars die het zat waren dat elke moderne site megabytes aan JavaScript meestuurt voor pagina's die vooral gelezen worden.

De aanpak is omgekeerd aan die van React of Vue: pagina's worden vooraf opgebouwd tot gewone HTML, en alleen de onderdelen die echt interactief moeten zijn krijgen JavaScript mee.

Het resultaat is snelheid die met een klassieke opzet lastig te evenaren is. Voor documentatiesites, blogs, marketingsites en portfolio's is dat een reëel voordeel dat je ook in de Core Web Vitals terugziet.

Wat Astro niet heeft is een beheeromgeving. Content komt uit bestanden of uit een headless CMS dat je er zelf bij kiest, en dat is meteen de belangrijkste beperking voor klanten die zelf willen bijhouden.

Onder de motorkap

Hoe Astro werkt

  1. Astro bouwt pagina's vooraf op tot HTML. Wat de bezoeker binnenkrijgt is grotendeels statisch, wat het snel en goedkoop te hosten maakt.

  2. Componenten kun je in verschillende frameworks schrijven (React, Vue, Svelte) binnen hetzelfde project. In de praktijk is die vrijheid vooral handig voor ontwikkelaars.

  3. Content haal je uit bestanden of uit een headless CMS. Wil een klant zelf beheren, dan hoort daar dus een tweede systeem bij.

Past het bij jou?

Wanneer Astro de juiste keuze is

  • De site draait om content: documentatie, blog, marketing, portfolio
  • Snelheid en Core Web Vitals zijn een expliciet doel
  • Er is weinig interactie nodig op de pagina's
  • Er is een ontwikkelaar beschikbaar voor wijzigingen aan de opzet

Wanneer je beter iets anders kiest

Astro is de verkeerde keuze zodra een site veel interactie heeft: een klantportaal, een configurator, een webshop met een winkelwagen. En omdat er geen beheeromgeving in zit, moet je er een headless CMS bij kiezen als de klant zelf content wil bijhouden. Dat maakt de opzet duurder en complexer dan WordPress, waar dat gewoon meekomt.

Kosten

Wat Astro kost

Astro is gratis en open source. Hosting is goedkoop omdat de pagina's grotendeels statisch zijn.

De kosten zitten in het bouwen. Bij ons valt een Astro-project onder maatwerk vanaf €6.500, tenzij het om een eenvoudige site gaat.

Reken op een tweede systeem als de klant zelf content wil beheren. Dat kan een headless CMS zijn met eigen kosten, en die post wordt vaak vergeten in de vergelijking met WordPress.

Uit de praktijk

Wat we het vaakst fout zien gaan

  1. Astro kiezen zonder CMS erbij te bedenken

    Er zit geen beheeromgeving in. Klanten die verwachten zelf teksten aan te passen, komen er na oplevering achter dat daar een tweede systeem voor nodig is.

  2. Een interactieve toepassing in Astro bouwen

    De kracht is juist dat er weinig JavaScript meegaat. Bij een portaal of configurator werk je tegen het uitgangspunt van het framework in.

  3. Snelheid als enig argument nemen

    Een goed gebouwde WordPress-site haalt prima laadtijden. Astro is sneller, maar het verschil weegt zelden op tegen het verlies van een ingebouwde beheeromgeving.

In Nederland

Astro in Nederland

Astro wordt in Nederland gebruikt door ontwikkelaars en bureaus voor documentatie- en marketingsites. Voor het MKB kom je het weinig tegen, vooral omdat de beheerkant een extra systeem vraagt.

Wij zetten het in waar snelheid echt het doel is en de content beheersbaar blijft; voor een gewone bedrijfssite blijft WordPress praktischer.

Wat we doen

Wat wij met Astro doen

  • Snelle content- en marketingsites bouwen in Astro
  • Bestaande Astro-projecten overnemen en onderhouden
  • Astro combineren met een headless CMS zodat de klant zelf kan beheren
  • Adviseren wanneer WordPress praktischer is

Vragen

Veelgestelde vragen over Astro

Staat je vraag er niet tussen? Bel of app ons gerust, je krijgt binnen vier werkuur antwoord.

Projectmanager bij Volstoom

ProjectmanagerOp werkdagen binnen 4 uur antwoord

Staat je vraag er niet tussen? Stuur gerust een appje of een mail, dan zoeken we het voor je uit.

01Is Astro sneller dan WordPress?

Ja, meetbaar. Astro stuurt standaard geen JavaScript mee. Of dat verschil de moeite waard is hangt af van of je de ingebouwde beheeromgeving van WordPress kunt missen.

02Kan ik zelf content beheren in Astro?

Niet zonder een extra systeem. Content komt uit bestanden of uit een headless CMS dat je erbij kiest, met eigen kosten en eigen beheer.

03Waarvoor is Astro geschikt?

Documentatie, blogs, marketingsites en portfolio's: pagina's die vooral gelezen worden. Bij veel interactie werk je tegen het framework in.

04Kunnen jullie een Astro-site overnemen?

Ja. We kijken naar de opzet, waar de content vandaan komt en hoe het gehost is voordat we in kaart brengen wat onderhoud kost.

05Wat is Astro?

Astro is een moderne sitebouwer uit 2021 die standaard geen JavaScript naar de browser stuurt. Pagina's worden vooraf opgebouwd tot gewone HTML, wat uitzonderlijk snelle sites oplevert. Daardoor is Astro sterk voor content en zwak voor interactie.

06Wat is het verschil tussen Astro en React?

De aanpak is omgekeerd. Astro bouwt pagina's vooraf op tot HTML en geeft alleen de onderdelen die echt interactief moeten zijn JavaScript mee. Binnen een Astro-project kun je wel componenten in React schrijven, net als in Vue of Svelte.

07Wat kost een website in Astro?

Astro zelf is gratis en open source. Bij ons valt een Astro-project onder maatwerk vanaf €6.500, tenzij het om een eenvoudige site gaat. Wil je zelf content beheren, reken dan ook op een headless CMS met eigen kosten, een post die vaak wordt vergeten.

08Is hosting van een Astro-site duur?

Nee, juist goedkoop. Astro bouwt pagina's vooraf op tot HTML, dus wat de bezoeker binnenkrijgt is grotendeels statisch. Dat maakt de site snel en goedkoop te hosten.

09Wordt Astro veel gebruikt in Nederland?

Vooral door ontwikkelaars en bureaus, voor documentatie- en marketingsites. In het MKB kom je het weinig tegen, omdat de beheerkant een extra systeem vraagt. Wij zetten Astro in waar snelheid echt het doel is en de content beheersbaar blijft.

10Welke fouten zien jullie bij Astro-projecten?

Vooral twee: een interactieve toepassing zoals een portaal of configurator in Astro bouwen, en snelheid als enig argument nemen. In het eerste geval werk je tegen het uitgangspunt van het framework in. In het tweede vergeet je dat een goed gebouwde WordPress-site ook prima laadtijden haalt.

Eerst zien, dan beslissen

Benieuwd wat Astro voor jouw bedrijf kan betekenen?

Vraag het gratis proefontwerp aan: binnen 2 werkdagen zie je een ontwerp van je nieuwe homepage, met een vaste prijs erbij. Daarna beslis je pas.

  • Binnen 2 werkdagen zie je hoe jouw nieuwe website eruit kan zien.
  • Gratis en vrijblijvend. Het ontwerp is echt gratis, je zit nergens aan vast.
Projectmanager bij VolstoomUX/UI-designer bij VolstoomLead developer bij Volstoom

Het bureau achter je project: één vast aanspreekpunt, op werkdagen binnen vier uur reactie.

“Perfect gedaan. Ik stuurde een schets met uitleg en het eerste ontwerp zat er al voor 95 procent op. Na één kleine feedbackronde was alles precies zoals ik het wilde.”
Ondernemer, nieuw webdesign

Vraag je gratis homepage design aan

Binnen 2 werkdagen in je mail. Invullen duurt 1 minuut.

  • Gratis en vrijblijvend
  • Betalen pas bij livegang