Next.js
Next.js is het React-framework waarop deze site zelf draait. Het lost het grootste probleem van React op, dat zoekmachines een lege pagina zien, door pagina's op de server op te bouwen, en het is onze standaardkeuze voor maatwerksites.
- Sinds
- 2016
- Van
- Vercel
- Bouwt op
- React
- Hosting
- Vercel of eigen omgeving
- Beheeromgeving
- Niet inbegrepen
Wat is Next.js?
Next.js komt van Vercel en bestaat sinds 2016. Het vult in wat React zelf niet doet: routering, het vooraf opbouwen van pagina's, beeldoptimalisatie en het ophalen van data.
Het belangrijkste voordeel voor jou is snelheid en vindbaarheid. Pagina's worden op de server of vooraf opgebouwd, zodat een bezoeker en een zoekmachine allebei direct volledige inhoud krijgen.
Wat je er niet bij krijgt is een beheeromgeving. Wil een klant zelf content bijhouden, dan hoort daar een CMS bij. WordPress als bron, of een headless systeem als Payload of Strapi.
Wij kiezen Next.js wanneer een site echt maatwerk is: een eigen ontwerp, eigen interacties, koppelingen met andere systemen. Voor een gewone bedrijfssite met content is WordPress praktischer en goedkoper.
Hoe Next.js werkt
Next.js draait op Node.js. Hosting gaat meestal via Vercel of een eigen omgeving; de goedkope PHP-pakketten van Nederlandse hosters volstaan niet.
Pagina's kunnen vooraf worden opgebouwd, op de server worden gemaakt bij elk bezoek, of een combinatie. Die keuze bepaalt de snelheid en de hostingkosten.
Beeldoptimalisatie, routering en het splitsen van code zitten er standaard in, wat bij een kale React-opzet allemaal apart geregeld moet worden.
Wanneer Next.js de juiste keuze is
- De site is maatwerk met een eigen ontwerp en eigen interacties
- Snelheid en Core Web Vitals zijn een expliciet doel
- Er moet gekoppeld worden met externe systemen of API's
- Er komt een headless CMS bij voor de content
Wanneer je beter iets anders kiest
Voor een gewone bedrijfssite of webshop is Next.js een omweg: je bouwt met veel meer werk iets wat WordPress kant-en-klaar levert, en er hoort een apart CMS bij voordat je klant een tekst kan wijzigen. Ook de hosting is duurder dan een gewoon Nederlands pakket. Kies het als het echt maatwerk is, niet omdat het modern is.
Wat Next.js kost
Next.js is gratis en open source. De kosten zitten in het bouwen en in hosting die duurder is dan gewone PHP-hosting.
Bij ons valt een Next.js-site onder maatwerk vanaf €6.500. Komt er een headless CMS bij, dan is dat een tweede onderdeel met eigen kosten.
Onderhoud is een doorlopende post: pakketten in het JavaScript-ecosysteem verouderen sneller dan in de PHP-wereld.
Wat we het vaakst fout zien gaan
Geen CMS meebegroten
Next.js levert geen beheeromgeving. Klanten die verwachten zelf teksten aan te passen, ontdekken na oplevering dat daar een tweede systeem voor nodig is.
Alles op de server laten opbouwen
Pagina's die bij elk bezoek opnieuw worden gemaakt zijn trager en duurder dan pagina's die vooraf klaarstaan. Die keuze maak je per pagina en niet per project.
Onderhoud niet begroten
Een Next.js-project dat een jaar stilstaat, kost een serieuze inhaalslag op pakketten voordat er iets nieuws bij kan.
Next.js in Nederland
Next.js is in Nederland de gangbare keuze voor moderne maatwerksites, en er is veel kennis beschikbaar. Deze site draait er zelf op.
Let op de zoekterm: wie op 'Next.js developer' zoekt komt op vacaturebanken uit. Zoek je een partij die iets bouwt, dan kom je verder via maatwerk of webapplicaties.
Wat wij met Next.js doen
- Maatwerksites en webapplicaties bouwen in Next.js
- Next.js combineren met WordPress of een headless CMS als bron
- Bestaande Next.js-projecten overnemen en bijwerken
- Adviseren wanneer WordPress hetzelfde doet voor minder
Veelgestelde vragen over Next.js
Staat je vraag er niet tussen? Bel of app ons gerust, je krijgt binnen vier werkuur antwoord.
Is Next.js goed voor SEO?
Ja, dat is juist waarvoor het bestaat. Pagina's worden op de server of vooraf opgebouwd, zodat zoekmachines volledige inhoud zien in plaats van een lege pagina zoals bij kaal React.
Kan ik zelf content beheren in Next.js?
Niet zonder een CMS erbij. Dat kan WordPress als bron zijn of een headless systeem als Payload. Reken dat mee in de begroting.
Next.js of WordPress?
WordPress voor een bedrijfssite met content: één systeem, goedkoper, de klant beheert zelf. Next.js als het echt maatwerk is met eigen interacties en koppelingen.
Waar host ik een Next.js-site?
Meestal op Vercel of een eigen omgeving. De goedkope Nederlandse PHP-pakketten volstaan niet, en dat is een kostenpost die mensen vergeten.
Ook het overwegen waard
Benieuwd wat Next.js 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.
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.”