Frontend
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.
Next.js in het kort
- Sinds
- 2016
- Van
- Vercel
- Bouwt op
- React
- Hosting
- Vercel of eigen omgeving
- Beheeromgeving
- Niet inbegrepen
Wat het is
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.
Onder de motorkap
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.
Past het bij jou?
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.
Kosten
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.
Uit de praktijk
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.
In Nederland
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 we doen
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
Vragen
Veelgestelde vragen over Next.js
Staat je vraag er niet tussen? Bel of app ons gerust, je krijgt binnen vier werkuur antwoord.
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 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.
02Kan 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.
03Next.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.
04Waar 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.
05Wat is Next.js en waarvoor wordt het gebruikt?
Next.js is een React-framework van Vercel dat sinds 2016 bestaat. Je gebruikt het voor maatwerksites en webapplicaties met een eigen ontwerp, eigen interacties of koppelingen met andere systemen.
06Wat is het verschil tussen Next.js en React?
Next.js bouwt op React en vult in wat React zelf niet doet: routering, het vooraf opbouwen van pagina's, beeldoptimalisatie en het ophalen van data. Bij een kale React-opzet moet je dat allemaal apart regelen.
07Is Next.js frontend of backend?
Next.js is een framework voor de voorkant van een site, maar het draait op Node.js en bouwt pagina's op de server op. Pagina's kunnen vooraf of bij elk bezoek worden gemaakt, en die keuze bepaalt de snelheid en de hostingkosten.
08Is Next.js nog een goede keuze?
Voor maatwerk wel. Next.js is in Nederland de gangbare keuze voor moderne maatwerksites, er is veel kennis beschikbaar en deze site draait er zelf op. Kies het wel omdat de site echt maatwerk is, niet omdat het modern is.
09Wat kost een website in Next.js?
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, en de hosting is duurder dan gewone PHP-hosting.
10Kunnen jullie een bestaand Next.js-project overnemen?
Ja, bestaande Next.js-projecten overnemen en bijwerken hoort bij ons werk. Heeft een project een jaar stilgestaan, dan is er wel eerst een serieuze inhaalslag op pakketten nodig voordat er iets nieuws bij kan.
Eerst zien, dan beslissen
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.
- 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.
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.”