Frontend

Gatsby

Gatsby was jarenlang de standaard voor snelle React-sites die vooraf worden opgebouwd. Die positie is inmiddels overgenomen door Next.js en Astro, en dat maakt de belangrijkste vraag bij Gatsby: wat doen we met een bestaand project?

Gatsby in het kort

Sinds
2015
Bouwt op
React
Status
Ontwikkeling vertraagd
Opvolgers
Next.js en Astro
Advies
Niet meer voor nieuwe projecten

Wat het is

Wat is Gatsby?

Gatsby verscheen in 2015 en was een van de eersten die liet zien hoe snel een React-site kon zijn als je pagina's vooraf opbouwt.

Het werd populair door de manier waarop het content uit verschillende bronnen samenbracht: een CMS, bestanden en externe API's kwamen samen in één laag waar de site uit putte.

Sinds de overname door Netlify is de ontwikkeling duidelijk vertraagd, terwijl Next.js en Astro hetzelfde zijn gaan doen en verder zijn gegroeid.

Voor nieuwe projecten zouden wij Gatsby niet meer kiezen. Voor bestaande sites is de vraag vooral of onderhouden of migreren verstandiger is.

Onder de motorkap

Hoe Gatsby werkt

  1. Gatsby bouwt pagina's vooraf op tot HTML, die je goedkoop kunt hosten.

  2. Content haalt het op uit bronnen die je aansluit, samengebracht in één laag.

  3. Voor een beheeromgeving hoort er een headless CMS bij.

Past het bij jou?

Wanneer Gatsby de juiste keuze is

  • Er draait al een Gatsby-site die onderhoud nodig heeft
  • De site is snel en werkt naar behoren
  • Er is geen aanleiding om nu te verbouwen

Wanneer je beter iets anders kiest

Voor nieuwe projecten is Gatsby achterhaald: Next.js en Astro doen hetzelfde en worden actief doorontwikkeld. Het risico bij blijven zitten is niet dat de site morgen stopt, maar dat pakketten verouderen en er steeds minder mensen zijn die het kennen. Plan de migratie op een moment dat het uitkomt in plaats van wanneer het moet.

Kosten

Wat Gatsby kost

Gatsby is gratis en open source. Hosting is goedkoop omdat pagina's vooraf worden opgebouwd.

Bij bestaande sites rekenen wij uit wat onderhouden kost tegenover migreren naar Next.js of Astro.

Een migratie valt bij ons onder maatwerk vanaf €6.500, afhankelijk van de omvang.

Uit de praktijk

Wat we het vaakst fout zien gaan

  1. Blijven zitten zonder plan

    De site stopt niet vanzelf, maar pakketten verouderen en de kennismarkt krimpt. Plan de overstap op een gelegen moment.

  2. Pakketten laten verlopen

    Een Gatsby-project dat jaren stilstaat, kost een forse inhaalslag voordat er iets nieuws bij kan.

  3. Een nieuw project in Gatsby starten

    Er is geen reden meer om dat te doen. Next.js en Astro doen hetzelfde en worden wel doorontwikkeld.

In Nederland

Gatsby in Nederland

Voor de meeste Nederlandse websites komt er helemaal geen frontend-framework aan te pas: die draaien op WordPress en dat is prima.

Wij komen dit tegen bij maatwerkprojecten en bij overnames. Zoek je een partij die zoiets bouwt, let dan op de zoekterm, met 'developer' erachter kom je op vacaturebanken uit.

Wat we doen

Wat wij met Gatsby doen

  • Bestaande Gatsby-sites overnemen en onderhouden
  • Uitrekenen of onderhouden of migreren goedkoper uitpakt
  • Migraties naar Next.js of Astro, met behoud van vindbaarheid

Vragen

Veelgestelde vragen over Gatsby

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 Gatsby dood?

Niet dood, wel duidelijk voorbij zijn hoogtepunt. De ontwikkeling is vertraagd terwijl Next.js en Astro hetzelfde zijn gaan doen en zijn doorgegroeid.

02Moet ik van Gatsby af?

Niet met spoed. Werkt de site en wordt hij onderhouden, dan is er geen haast. Plan de migratie wel op een gelegen moment in plaats van te wachten tot het moet.

03Waar migreer ik naartoe?

Meestal naar Next.js of Astro. Welke van de twee hangt af van hoeveel interactie de site heeft; bij vooral content wint Astro.

04Kunnen jullie een Gatsby-site onderhouden?

Ja. We kijken eerst hoe ver de pakketten achterlopen en brengen daarna in kaart wat onderhouden of migreren kost.

05Wat is Gatsby?

Gatsby is een sitegenerator op basis van React die sinds 2015 bestaat. Het bouwt pagina's vooraf op tot HTML en liet al vroeg zien hoe snel een React-site kan zijn als je pagina's vooraf opbouwt.

06Hoe haalt Gatsby content op?

Gatsby brengt content uit verschillende bronnen samen in één laag waar de site uit put, zoals een CMS, bestanden en externe API's. Die aanpak maakte Gatsby destijds populair.

07Heeft Gatsby een beheeromgeving?

Nee, Gatsby heeft zelf geen beheeromgeving. Daarvoor hoort er een headless CMS bij dat je als bron aansluit, waarna Gatsby de content vooraf tot pagina's opbouwt. Redacteuren werken dus in dat CMS, niet in Gatsby zelf.

08Is hosting van een Gatsby-site duur?

Nee, hosting is goedkoop omdat Gatsby pagina's vooraf opbouwt tot HTML. Gatsby zelf is bovendien gratis en open source, dus aan de software en het serveren van de site ben je weinig kwijt.

09Wat kost een migratie van Gatsby naar Next.js of Astro?

Een migratie valt bij ons onder maatwerk vanaf €6.500, afhankelijk van de omvang van de site. Vooraf rekenen we uit wat onderhouden kost tegenover migreren, en bij de overstap houden we je vindbaarheid vast.

10Wat gebeurt er als een Gatsby-site jaren stilstaat?

De site stopt niet vanzelf, maar de pakketten verouderen en de groep mensen die Gatsby kent krimpt. Een project dat jaren stilstaat, kost een forse inhaalslag voordat er iets nieuws bij kan.

Eerst zien, dan beslissen

Benieuwd wat Gatsby 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