Headless WordPress: wat is het en wanneer heeft het zin?

Wat is headless WordPress?

Headless WordPress is WordPress zonder eigen voorkant. Je werkt in het bekende beheerscherm, maar de pagina's die bezoekers zien, komen van een aparte website die de inhoud uit WordPress ophaalt.

Headless betekent “zonder hoofd”, en dat hoofd is de voorkant. Bij een gewone WordPress-site zit alles in één pakket: WordPress haalt de tekst uit de database en het thema giet die in de opmaak.

Bij headless doet het thema niet meer mee. Een aparte voorkant, vaak gemaakt met een bouwpakket voor websites als Next.js, vraagt de inhoud op en maakt er zelf pagina's van. De verschillen op een rij:

Overzicht: Geekie, samengevat uit de bronnen in dit artikel. Dat maatwerk meer kost dan een template, schrijft ook het offerteplatform Trustoo.

Hoe werkt een headless WordPress-website?

Een headless WordPress-website bestaat uit drie delen: WordPress als beheer, een koppeling die de inhoud doorgeeft en een losse voorkant op aparte hosting.

WordPress als beheer

Je logt in zoals altijd en schrijft in de editor van WordPress. Wel legt de developer vooraf vast welke soorten inhoud er zijn, zoals diensten en blogposts, en welke velden daarbij horen.

De koppeling: REST API of WPGraphQL

De REST API zit sinds versie 4.7 van december 2016 in WordPress zelf (WordPress.org). Programma's wisselen daarmee gegevens uit in JSON, een eenvoudig tekstformaat; ook de blokeditor draait erop (REST API Handbook).

WPGraphQL is een gratis, open-source plugin die een GraphQL-API toevoegt (WPGraphQL). Daarmee vraagt de voorkant precies de gegevens op die een pagina nodig heeft (graphql.org). De plugin heeft meer dan 30.000 actieve installaties (WordPress.org).

Tip: laat je developer elke grote WordPress-update eerst op een testomgeving nalopen, zodat de koppeling met de voorkant blijft werken. Een voorbeeld: de bètaversie van WordPress 7.2 (3 november 2026) noemt verbeteringen aan het gedrag van de REST API (WordPress.org).

De voorkant: bijvoorbeeld Next.js

De voorkant haalt de inhoud op en maakt er pagina's van. Next.js is een veelgebruikte keuze; ook Geekie Creative & IT bouwt headless webshops met Next.js. Met Incremental Static Regeneration ververst Next.js vooraf gebouwde pagina's zonder de hele site opnieuw te bouwen (Next.js-documentatie). Astro kan WordPress ook als headless CMS (een beheersysteem voor inhoud zonder eigen voorkant) gebruiken (Astro-documentatie).

Hosting op twee plekken

WordPress draait op gewone WordPress-hosting, de voorkant op aparte hosting, vaak bij een platform als Vercel. Wat dat kost, lees je bij de kosten.

Wat levert headless op? Snelheid, veiligheid en ontwerpvrijheid

Headless kan je site sneller, beter afgeschermd en vrijer in ontwerp maken. Geen van die drie is gegarandeerd: het hangt af van hoe de voorkant gebouwd en onderhouden wordt.

Snelheid

Een headless voorkant kan pagina's vooraf klaarzetten. Dat kan helpen bij de Core Web Vitals, de meetwaarden van Google voor laadtijd, reactiesnelheid en stabiliteit van een pagina (uitleg in ons artikel over websitesnelheid testen). Google gebruikt ze in zijn rankingsystemen, maar toont volgens eigen zeggen altijd de meest relevante inhoud, ook bij een mindere paginaervaring (Google Search Central). Moderne techniek is alleen geen garantie:

Op desktop haalt 57 procent van de Next.js-sites de Core Web Vitals, tegen 54 procent van de WordPress-sites. Leg daarom vooraf vast welke scores de nieuwe site moet halen.

Veiligheid

Het beheer van WordPress kun je afschermen, bijvoorbeeld met een tweede wachtwoord op de server, zoals WordPress zelf aanraadt (WordPress Developer Resources). Dat kan ook bij klassiek WordPress, maar bij headless is het makkelijker, want bezoekers hoeven niet bij WordPress zelf te komen.

WordPress en de plugins blijven wel draaien. Van de 11.334 nieuwe kwetsbaarheden in WordPress-software in 2025 zat 91 procent in plugins (Patchstack). Ook de voorkant heeft updates nodig: in maart 2025 verscheen een patch voor een kritiek lek in Next.js (CVE-2025-29927), waarmee in bepaalde gevallen toegangscontroles te omzeilen waren (GitHub Security Advisories).

Ontwerpvrijheid

Een thema bepaalt voor een groot deel hoe je site eruitziet. Een headless voorkant is op maat gecodeerd, dus het ontwerp kan precies worden zoals je merk vraagt. De keerzijde: elk onderdeel moet ook gebouwd worden, en een nieuwe soort pagina vraagt een developer.

De nadelen die je vooraf moet kennen

Headless heeft vier nadelen: plugins voor de voorkant vragen extra werk, het live voorbeeld moet apart worden ingericht, je onderhoudt twee systemen en het is duurder.

Plugins voor de voorkant werken niet vanzelf

Veel plugins zetten iets op je pagina's via het thema, zoals een contactformulier, een cookiemelding of een paginabouwer. Bij headless draait dat thema niet voor bezoekers, dus de developer bouwt die functies opnieuw of haalt de gegevens via de API op. Yoast SEO is daarop voorbereid: het geeft de SEO-titel, de omschrijving voor Google en gestructureerde gegevens mee via de REST API (Yoast developer portal). Loop vooraf al je plugins na.

Het live voorbeeld moet apart worden ingericht

In klassiek WordPress klik je op “Voorbeeld” en zie je je concept in de opmaak van je site. Bij headless zit die opmaak in de voorkant. Next.js heeft daarvoor Draft Mode: redacteuren zien hun concept, andere bezoekers de gepubliceerde versie (Next.js-documentatie). Dat moet wel aan de voorbeeldknop van WordPress worden gekoppeld; hulpmiddelen als Faust.js van WP Engine helpen daarbij (Faust.js).

Je onderhoudt twee systemen

WordPress, de plugins en de voorkant hebben elk hun eigen updates. Op 28 oktober 2026 verscheen WordPress 7.1.4, een beveiligingsrelease. WordPress raadt aan meteen bij te werken; sites met automatische achtergrondupdates beginnen er vanzelf aan (WordPress.org).

Op 13 oktober 2026 meldde Patchstack een lek in WPGraphQL tot en met versie 2.26.0 (Patchstack), opgelost in versie 2.26.1 (Patchstack-advisory). Het risico is volgens Patchstack laag, maar ook de koppeling vraagt dus onderhoud. Meer daarover in ons artikel over WordPress-onderhoud.

Het is duurder

Een headless voorkant wordt voor jouw site gebouwd, met hosting op twee plekken en meer onderhoud; de kosten staan hieronder uitgesplitst.

Wanneer heeft headless zin, en wanneer níet?

Headless heeft zin als snelheid, een eigen ontwerp of koppelingen echt iets opleveren, en als je budget hebt voor bouw en onderhoud van twee systemen. Voor een kleine bedrijfssite met een paar pagina's is het meestal te veel van het goede.

Wil je dezelfde inhoud ook in een app tonen? Daar is de REST API volgens WordPress ook voor bedoeld (REST API Handbook); lees ook wat een progressive web app kan. Is je site vooral traag, zoek dan eerst de oorzaak: een zwaar thema, veel plugins of trage hosting los je ook zonder headless op.

Een headless WordPress-website laten maken: kosten en traject

Een vaste prijs voor een headless WordPress-website bestaat niet. De kosten zitten vooral in de uren voor de voorkant, plus hosting en onderhoud van twee systemen.

Waar zitten de kosten?

Je betaalt voor ontwerp en bouw van de voorkant (meestal het grootste deel), het inrichten van WordPress met koppeling en live voorbeeld, en functies die anders een plugin deed, zoals formulieren en een cookiemelding.

Ter oriëntatie: volgens Trustoo kost een maatwerkwebsite in Nederland €10.000 of meer, en rekenen webdesigners gemiddeld €65 tot €105 per uur (bijgewerkt 3 november 2026). Headless noemt Trustoo niet apart, dus zie dit als indicatie. Prijzen per type website lees je in wat kost een website laten maken.

Daarnaast heb je vaste lasten op twee plekken. Webhosting kost volgens Trustoo €50 tot €300 per jaar. Voor de voorkant komt daar hosting bij: bij Vercel is het gratis Hobby-plan alleen voor persoonlijk, niet-commercieel gebruik, en kost Pro $20 per maand per developerplek, inclusief $20 tegoed voor verbruik (Vercel, november 2026). Daar komt onderhoud van beide systemen bij.

Wat moet er in de offerte staan?

• Het aantal uren per onderdeel en het uurtarief.
• Hosting van WordPress én van de voorkant, per maand.
• Onderhoud per maand, en wat daaronder valt.
• Wat een nieuwe soort pagina later kost.
• Van wie de code is, en of je toegang krijgt tot de repository: de plek waar de code staat.
• Welke Core Web Vitals-scores de site bij oplevering haalt.
• Welke plugins worden vervangen of opnieuw gebouwd, en hoe het live voorbeeld werkt.

Wat kost het bij Geekie?

Een headless website valt bij Geekie Creative & IT onder ons pakket Op maat: de voorkant wordt op maat gecodeerd en de prijs leggen wij per project vóór de start vast. Hoe wij headless webshops bouwen, lees je op onze pagina over WordPress, Shopify en headless. Wil je geen headless, dan zijn er ook Start (een WordPress-website tot 4 pagina's, €30 per maand, tijdelijk minimaal 6 maanden) en Groei (een complete website, vanaf €795). Alle prijzen zijn excl. btw.

Hoe verloopt een traject?

1. 1Kennismaking: wat moet de site doen en welke plugins gebruik je nu?
2. 2Inhoud in kaart: welke soorten pagina's en velden komen er in WordPress?
3. 3Ontwerp van de voorkant, voor telefoon en desktop.
4. 4Bouw van voorkant en koppeling, met live voorbeeld en formulieren.
5. 5Verhuizen: inhoud overzetten en oude adressen permanent doorverwijzen (301), zoals Google adviseert (Google Search Central).
6. 6Testen en livegang: snelheid, formulieren en het live voorbeeld nalopen.
7. 7Onderhoud: vaste afspraken over updates van beide systemen.

Alternatieven voor headless WordPress

Vaak is klassiek WordPress genoeg. Voor webshops is er Shopify headless, en er zijn CMS'en die helemaal zonder WordPress werken.

Klassiek WordPress, maar dan goed gebouwd

Met een licht thema, weinig plugins, goede hosting en vast onderhoud kan een gewone WordPress-site ook snel zijn. Op mobiel haalt 48 procent van de WordPress-sites alle Core Web Vitals, iets minder dan de 53 procent van alle websites. Snel kan dus, maar ook bij WordPress niet vanzelf. Je houdt het voorbeeld, de paginabouwer en het grote aanbod aan plugins. Voor de meeste kleine bedrijfssites is dit de verstandigste keus.

Shopify headless voor webshops

Verkoop je online, dan kan Shopify producten en betalingen beheren terwijl een eigen voorkant de winkel toont. Shopify noemt Hydrogen zijn “headless toolkit” (Shopify.dev). Geekie Creative & IT bouwt headless webshops op Shopify of op WordPress met WooCommerce.

Een ander headless CMS

Sommige CMS'en werken van begin af aan zonder eigen voorkant. Strapi noemt zichzelf bijvoorbeeld een open-source headless CMS (Strapi). Je mist dan het vertrouwde WordPress-beheer en de plugins, dus dit past vooral als je nog niet aan WordPress vastzit.

Veelgestelde vragen over headless WordPress

Bronnen bij de antwoorden: HTTP Archive, WordPress.org en Trustoo.

Bronnen

Alle bronnen zijn geraadpleegd op 9 november 2026. De Core Web Vitals per techniek komen uit de API van HTTP Archive (gegevens van september 2026); de percentages zijn eigen berekeningen, afgerond. De foto's komen van Unsplash.

• W3Techs: usage statistics of WordPress (9 november 2026)
• WordPress Developer Resources: REST API Handbook
• WordPress.org: WordPress 4.7 “Vaughan” (6 december 2016)
• WPGraphQL: homepage
• WordPress.org: plugin WPGraphQL
• GraphQL Foundation: graphql.org
• WordPress.org: WordPress 7.2 Beta 4 (3 november 2026)
• WordPress.org: WordPress 7.1.4 (28 oktober 2026)
• Next.js-documentatie: Incremental Static Regeneration
• Next.js-documentatie: Draft Mode
• GitHub Security Advisories: CVE-2025-29927, Next.js (21 maart 2025)
• Astro-documentatie: Headless WordPress & Astro
• Vercel: prijzen
• HTTP Archive: Core Web Vitals Technology Report
• HTTP Archive API: Core Web Vitals voor WordPress, Next.js en alle websites
• Google Search Central: paginaervaring en Google Zoeken
• Patchstack: State of WordPress Security in 2026
• Patchstack: kwetsbaarheden in WPGraphQL (overzicht)
• Patchstack: WordPress WPGraphQL Plugin <= 2.26.0 is vulnerable to Sensitive Data Exposure (13 oktober 2026, opgelost in 2.26.1)
• WordPress Developer Resources: Hardening WordPress
• Yoast developer portal: REST API
• Faust.js: the Next.js headless toolkit for WordPress
• Trustoo: webdesign kosten (bijgewerkt 3 november 2026)
• Google Search Central: sites verhuizen met URL-wijzigingen
• Shopify.dev: Hydrogen
• Strapi: homepage