Wat is het verschil tussen een WordPress- en een Next.js-website?
Het verschil zit in wie de pagina bouwt. WordPress rendert de voorkant zelf uit een thema en plugins, bij Next.js levert WordPress alleen de content via een API en bouwt Next.js de voorkant als losse, snelle applicatie.
WordPress is een compleet CMS: content, thema, plugins en frontend zitten in één systeem dat klaar is om zelf te beheren. Next.js is een React-framework waarmee je de voorkant als maatwerk-applicatie bouwt. Daartussen zit de headless-vorm, waarbij WordPress de CMS-backend blijft en Next.js er als frontend voor komt via WPGraphQL of de REST API. In gewone taal: WordPress is een compleet ingericht huis waar je zo in kunt, Next.js is zelf bouwen op maat. Let op dat dit een andere vraag is dan maatwerk versus een kant-en-klaar WordPress-thema. Die vraag gaat over hoe uniek je bouwt bínnen WordPress, deze vraag gaat over de techniek eronder.
Wanneer kies je WordPress en wanneer Next.js of headless?
Kies WordPress voor een content-site die je zelf beheert met een scherp budget, kies headless Next.js als snelheid, schaal, meertaligheid of een web-app doorslaggevend is, en kies de headless-middenweg als je het vertrouwde WordPress-beheer wilt houden met Next.js-snelheid ervoor.
Denk in drie profielen. WordPress past bij een brochuresite waar een marketeer zelf pagina's bouwt in een vertrouwd CMS, met een budget dat bij ons vanaf 1.500 euro begint. Next.js past als snelheid kritisch is, als je veel talen draait, complexe koppelingen nodig hebt of een app-achtige interactie of portaal wilt. Headless combineert die twee: je houdt de WordPress-backend en zet er een Next.js-front overheen. Eerlijk blijven: voor een simpele brochuresite met weinig verkeer is headless vaak overkill en is WordPress gewoon beter. Twijfel je of je überhaupt maatwerk nodig hebt, lees dan eerst of je überhaupt maatwerk nodig hebt.
| Situatie | WordPress | Headless Next.js |
|---|---|---|
| Zelf pagina's beheren | Sterk, drag-and-drop | Teksten wel, layout via code |
| Snelheid en Core Web Vitals | Goed met caching | Voorsprong, statisch en edge |
| Veel talen en schaal | Kan, wordt zwaarder | Schaalt makkelijk |
| Budget | Vanaf 1.500 euro | Doorgaans hoger, twee omgevingen |
Is een Next.js-website echt sneller dan WordPress, en hoeveel?
Ja, en we hebben het op exact dezelfde site gemeten. De4Zussen ging van 19 seconden laadtijd op mobiel in trage WordPress naar 2 seconden mobiel en 0,3 seconde desktop na de overstap naar headless Next.js, met PageSpeed-scores van 99 op mobiel en 100 op desktop.
Die cijfers meten we op 29 juni 2026 via Google PageSpeed Insights, met de screenshots op de casepagina, dus het is geen marketingclaim maar een before-and-after op dezelfde website. De4Zussen ging van 19 seconden naar 2 seconden op mobiel, dat is tien keer sneller, met een CLS die van meetbaar naar 0 en 0,002 zakte. Onze headless webshop Wintersport Uitverkoop op WooCommerce haalt een Lighthouse-score van 99, een First Contentful Paint van 0,3 seconde en een Largest Contentful Paint van 0,8 seconde. Waarom Next.js zoveel sneller start: het rendert statisch, levert via de edge van Vercel en draait geen plugin-overhead of database-query per bezoek. De nuance blijft staan. Goed gehoste WordPress kan prima scoren, headless begint alleen met een grotere voorsprong. Bekijk de migratie van De4Zussen van WordPress naar Next.js voor de volledige meetdata.
Wat is een headless WordPress-website en hoe werkt het technisch?
Een headless WordPress-website gebruikt WordPress alleen als contentbeheer, de backend, en zet er een aparte Next.js-frontend op die de content ophaalt via WPGraphQL of de REST API. Daarna rendert Next.js de pagina statisch en bij een wijziging revalideert het via een webhook.
WordPress blijft de plek waar je content beheert, Next.js 15 of 16 met de App Router bouwt de voorkant. Tussen WPGraphQL en de REST API kies je op basis van je structuur: GraphQL haalt in één call precies de velden op die je nodig hebt, REST volstaat voor een eenvoudige opzet. Voor de versheid gebruik je ISR met revalidatie via webhooks. Verandert content in wp-admin, dan wordt de statische pagina automatisch ververst. React Server Components renderen de citeerbare content server-side, wat cruciaal is voor SEO en voor AI-retrieval, omdat de tekst dan in de HTML staat en niet pas na een klik verschijnt. Concreet voorbeeld: onze headless Next.js-webshop voor Wintersport Uitverkoop draait Next.js op WooCommerce via WPGraphQL en Apollo Client, gehost op Vercel.
Behoud je met headless WordPress je vertrouwde beheeromgeving?
Ja, je redacteur werkt gewoon door in de vertrouwde wp-admin en publiceert content zoals altijd. Wat verandert is dat de live-preview anders werkt en dat plugins die zelf HTML naar de voorkant renderen niet meer werken.
Dat is de grootste koudwatervrees, en die kunnen we wegnemen: bij headless WordPress blijft het CMS gewoon WordPress, en de workflow voor teksten en foto's blijft precies gelijk. Wat wél verandert, is de preview. De vertrouwde WYSIWYG-weergave breekt omdat de voorkant losstaat van WordPress, dus je krijgt een aangepaste preview. En front-end-plugins werken niet meer: sliders, form-builders en page-builders zoals Divi of Elementor renderen hun HTML naar een WordPress-thema dat er niet meer is. Dat heeft een positief neveneffect. Minder plugin-afhankelijkheid betekent minder updates en minder kwetsbaarheden. Eerlijk blijven: dit vraagt developer-expertise en het beheren van twee omgevingen, dat is de prijs die je ervoor betaalt.
Wat zijn de nadelen van headless WordPress met Next.js?
Headless is duurder in bouw en beheer, vraagt developer-expertise en twee omgevingen, en breekt de vertrouwde live-preview en front-end-plugins. Voor een eenvoudige site die je vooral zelf wilt aanpassen is standaard WordPress meestal de betere keuze.
Dit is de sectie die bijna geen bureau eerlijk opschrijft, dus hier zijn de nadelen op een rij. Headless is duurder: je bouwt en beheert twee omgevingen, een WordPress-backend en een Next.js-frontend. Het is developer-afhankelijk, want aanpassingen aan de voorkant vragen code in plaats van klikwerk in een page-builder. De WYSIWYG-preview breekt en plugins die de front-end verwachten werken niet meer. Wanneer je dus níet headless moet gaan: een simpele brochuresite met weinig verkeer verdient die meerprijs niet terug. De winst in snelheid en conversie moet groter zijn dan de extra bouw- en beheerkosten, anders betaal je voor techniek die je niet gebruikt. Reken het eens door voordat je de stap zet, en lees wat een website laten maken kost om je verwachting te ijken.
Wat kost een Next.js-website vergeleken met een WordPress-website?
De techniek bepaalt niet één op één de prijs, maar headless kost doorgaans meer omdat je twee omgevingen bouwt en beheert. Bij ons start een maatwerk website vanaf 1.500 euro en loopt een portaal of headless webshop op richting 7.500 tot 15.000 euro, plus hosting van 5 tot 25 euro per maand.
De vaste prijzen als anker: een maatwerk website begint bij 1.500 euro, zakelijk maatwerk zit tussen 2.500 en 7.500 euro, en een portaal, webshop of web-app start vanaf 7.500 euro. Onderhoud is er vanaf 25 euro per maand, hosting kost 5 tot 25 euro, en je krijgt 12 maanden garantie. Denk aan de totale kosten over de looptijd, niet alleen aan de bouwprijs. De meerprijs van headless verdient zich terug via snelheid, hogere conversie en minder plugin-onderhoud, maar alleen bij snelheidskritische of conversiegevoelige sites. Bij een statische folder-site zonder verkeer verdien je die meerprijs niet terug. Dat wij in het segment van 1.000 tot 5.000 euro zitten is bewust: veel premium-bureaus beginnen pas rond de 10.000 euro en slaan dat stuk over.
Waarom stappen bedrijven over van WordPress naar Next.js?
Bedrijven stappen over vanwege snelheid, controle en minder onderhoud. Bij De4Zussen liep een trage WordPress-site tegen 19 seconden laadtijd op mobiel aan, bij Wintersport blokkeerde het zware Divi-thema met soms 10 seconden per pagina zelfs Google Ads-accounts.
Twee echte migratieverhalen laten het beter zien dan een lijstje voor- en nadelen. De4Zussen ging van een traag WordPress met WooCommerce naar headless Next.js, met daarbovenop een eigen bestelportaal op Supabase. Bij Wintersport Uitverkoop was het oude Divi-thema zo traag dat Google Ads-accounts geblokkeerd raakten. Na de overstap naar headless steeg de omzet met 540 procent. De redenen die steeds terugkomen: plugin-wildgroei, doorlopende updates en kwetsbaarheden, een snelheidsplafond dat je met caching niet meer doorbreekt, en gebrek aan controle over de code. Eerlijk kader erbij: overstappen is geen doel op zich. Je doet het alleen als de winst de migratiekosten dekt, anders verplaats je je site voor niets.
Kan Next.js een webshop of web-app aan die WordPress niet aankan?
Ja, voor een echte web-app of portaal is Next.js de logische keuze en WordPress geen serieuze optie. Ons maatwerk verhuursysteem voor 2nd Ride in Next.js leverde 60 procent tijdsbesparing in het verhuurproces en 90 procent heldere aanvragen vooraf.
Aan het uiteinde van het spectrum, als geen plugin de functie oplost, kom je bij Next.js uit. Het verhuursysteem voor 2nd Ride bespaarde 60 procent tijd, zorgde dat 90 procent van de aanvragen vooraf helder binnenkomt, verhoogde de klanttevredenheid met 85 procent en stond na 1 maand bouwen live. De stack is Next.js, React, TypeScript en MySQL, met echte applicatielogica in plaats van een thema. Ook e-commerce op maat kan: Wintersport draait headless Next.js op WooCommerce met 5 talen, schaalbaar naar 15 of meer. De grens blijft eerlijk. Voor een standaard webshop zonder maatwerk is WooCommerce of Shopify vaak genoeg. Bekijk het maatwerk verhuursysteem dat we in Next.js bouwden voor de details.
Is WordPress of Next.js beter voor SEO en Core Web Vitals?
Beide kunnen goed scoren voor SEO, maar Next.js start met een snelheidsvoorsprong op Core Web Vitals. Onze headless builds halen een LCP van 0,8 seconde en een FCP van 0,3 seconde bij Wintersport en een CLS van 0 bij De4Zussen, terwijl de content zelf, niet de techniek, bepaalt of je rankt.
De techniek legt de bodem: snelheid en Core Web Vitals. Het eigenlijke SEO-werk doen je content en je structuur. De Core Web Vitals uit onze eigen builds: een Largest Contentful Paint van 0,8 seconde, een First Contentful Paint van 0,3 seconde en een Cumulative Layout Shift van 0 tot 0,002. WordPress kan met goede hosting en caching diezelfde Core Web Vitals prima halen, headless heeft er alleen minder moeite mee. Voor AI-search telt nog iets: server-side gerenderde passages in Next.js zijn direct citeerbaar voor AI Overviews, omdat de tekst in de HTML staat. Eerlijk blijven: snelheid alleen wint geen posities. Een snelle pagina met dunne content rankt niet.
Ben je met Next.js of WordPress gebonden aan je bureau?
Nee, bij zowel WordPress als Next.js ben je eigenaar van je code en je domein en kun je met een andere partij verder, in tegenstelling tot een closed-source CMS waar je vastzit aan één leverancier.
Dit is een eerlijkheidsargument dat bureaus met een eigen, gesloten CMS niet hebben. WordPress is open source, en je Next.js-code lever je op in een eigen repository die van jou is. Geen vendor lock-in: je houdt toegang tot je content, je code en je domein. Bij een closed-source CMS kun je je site niet met een druk op de knop overzetten, je zit vast aan de partij die het bouwde. Wat je bij headless wél nodig hebt, is een partij die met Next.js overweg kan. Dat is realisme, geen lock-in: de code is van jou, alleen moet degene die eraan werkt de techniek beheersen.
Voor welke projecten bouwt Next Win in WordPress en voor welke in Next.js?
Wij adviseren WordPress voor content-gedreven sites en webshops die je zelf beheert, en headless Next.js zodra snelheid, schaal, meertaligheid of maatwerk-functionaliteit beslissend wordt. We hebben beide echt gebouwd, dus ons advies volgt jouw situatie en niet onze verkoop.
In WordPress met WooCommerce bouwden we onder andere Kegel Spirits, Fire Safety Shop en Natuurcentrum de Ginkel. In headless Next.js draaien De4Zussen (een migratie), Wintersport Uitverkoop (een webshop) en 2nd Ride (een web-app). Wij verkopen geen techniek. We adviseren op basis van je budget, je snelheidseis, je beheerbehoefte en de functionaliteit die je nodig hebt.
Twijfel je welke techniek bij jou past?
Wij bouwen in WordPress én in Next.js, dus je krijgt een eerlijk advies op basis van je situatie. Wil je verder kijken dan de techniek, lees dan maatwerk software of een standaardpakket, of laat een maatwerk website laten maken door een bureau dat allebei bouwt.
Geschreven door
Gerwin Morren
Oprichter en WordPress-specialist
Gerwin is oprichter van Next Win en bouwt al 8+ jaar maatwerk websites en webshops in WordPress en WooCommerce. Hij combineert techniek met SEO, zodat een site niet alleen mooi is, maar ook gevonden wordt en bezoekers omzet in klanten.
