Een headless CMS is een contentmanagementsysteem dat content opslaat en via een API levert, zonder te bepalen hoe een website eruitziet. Zo'n API-first systeem scheidt de content van de presentatie. Ten eerste beheren redacteuren teksten en beelden op één plek. Ten tweede tonen developers dezelfde content op een website, in een app of op een scherm, bijvoorbeeld via Next.js op de website en React Native in de app. Bekende opties zijn in 2026 Strapi, Sanity, Payload en Directus. Ook WordPress kan headless draaien, en volgens W3Techs draait 39,7% van alle websites op WordPress. Bij WordPress telt beveiliging zwaar: 91% van de kwetsbaarheden zat in 2025 in plugins (Patchstack 2026). Vooraf gerenderde pagina's laden bovendien snel, wat ook telt voor Google. Een bedrijfswebsite van VirtuoLab heeft een indicatie van €2000 tot €8000. Een kleine site met 5 pagina's heeft vaak geen CMS nodig. VirtuoLab helpt hands-on bij die keuze, vóór de bouw begint.
Wat is een headless CMS?
Een headless CMS is een contentmanagementsysteem zonder ingebouwde voorkant, het hoofd dat content omzet in webpagina's. Het CMS slaat content op als gestructureerde data, zoals een blogbericht met een titel, een samenvatting, een auteur en een hoofdtekst. Ten eerste leggen developers de contenttypes en velden vast in een contentmodel. Ten tweede vullen redacteuren die velden in via een beheeromgeving, zonder code aan te raken. Tot slot levert het CMS de content als JSON via een API, meestal REST of GraphQL, bijvoorbeeld via een opensource CMS (Strapi). Een website met Next.js, een mobiele app of een digitaal scherm toont vervolgens dezelfde content op een eigen manier. Next.js is daarbij gangbaar: 20,8% van de respondenten gebruikte Next.js en 44,7% React, volgens de Stack Overflow Developer Survey 2025. Eén producttekst kan zo een website, een app en een scherm voeden, en via de website ook in Google verschijnen. Zo scheidt een headless CMS twee taken: redacteuren beheren de content, developers de presentatie.
Wat is het verschil tussen een headless CMS en WordPress?
Een traditioneel CMS zoals WordPress is één systeem dat content opslaat, een thema toepast en de uiteindelijke HTML-pagina's rendert. Redacteuren zien het resultaat vrijwel direct, en plugins voegen functies toe, zoals een koppeling met Google Analytics. Een headless CMS stopt bij de content: de website is een losse applicatie, vaak gebouwd met React of Next.js. Het verschil merk je in het dagelijkse werk. Een andere opmaak van een WordPress-pagina betekent meestal een aanpassing van het thema of van een paginabouwer (Elementor). Met een headless CMS wijzigen redacteuren de content en passen developers de templates aan in code. WordPress kan ook headless draaien via de REST API, terwijl de site via Next.js wordt gerenderd. Het team houdt dan het vertrouwde dashboard. Dat dashboard is wijdverbreid: 39,7% van alle websites draaide op WordPress, volgens W3Techs in oktober 2026. Plugins vragen wel aandacht, want 91% van de WordPress-kwetsbaarheden in 2025 zat in plugins (Patchstack 2026).
Wat zijn de voordelen van een headless CMS?
Het grootste voordeel van een headless CMS is vrijheid: de content blijft gelijk, terwijl de voorkant kan veranderen. Ten eerste kiezen developers zelf de techniek voor de voorkant, zoals een website met Next.js en een mobiele app met React Native. React, de bibliotheek onder beide, werd volgens de Stack Overflow Developer Survey 2025 door 44,7% van de respondenten gebruikt. Ten tweede kan één contentbron meerdere kanalen voeden, bijvoorbeeld via Sanity en de Content Lake. Ten derde wordt de site sneller wanneer pagina's vooraf worden gerenderd, en snelheid weegt ook mee bij Google. Ten vierde verbetert de beveiliging om twee redenen: 1) de beheeromgeving draait niet op de publieke website en 2) de voorkant heeft geen plugins. Bij WordPress zat in 2025 juist 91% van de kwetsbaarheden in plugins (Patchstack 2026). Daarnaast wordt een redesign later goedkoper, omdat de content niet opnieuw gemigreerd hoeft te worden. Een bedrijf met een website in 3 talen en een klantenapp beheert zo elke producttekst één keer.
Wat zijn de nadelen van een headless CMS?
Het grootste nadeel van een headless CMS is extra complexiteit: twee systemen in plaats van één, elk met hosting, updates en toegangsbeheer. Er zijn drie nadelen: 1) previews vragen werk, 2) opmaakwijzigingen vragen een developer en 3) de eerste bouw kost meer. Redacteuren willen een pagina zien voordat ze publiceren, en een losse voorkant toont concepten pas als de developer een previewroute bouwt. Next.js lost dat op via Draft Mode. Zonder goede cache-instelling ziet een redacteur een wijziging pas na de vaste hervalidatietijd, bijvoorbeeld na 60 seconden. Een headless CMS heeft ook geen drag-and-drop-editor zoals de blokeditor van WordPress (Gutenberg). Dat vraagt gewenning: volgens W3Techs draait 58,4% van de sites met een bekend CMS op WordPress, en redacteuren werken daarnaast vaak in Google Docs. Gehoste CMS-diensten hebben bovendien een abonnement. Een headless CMS loont in 2026 voor contentrijke sites, meerdere kanalen of strenge snelheidsdoelen. Een kleine bedrijfssite met 5 pagina's werkt vaak prima zonder CMS.
Welk headless CMS kies je in 2026?
Het beste headless CMS is de optie die past bij de bestaande stack, de voorkeur voor hosting en de redacteuren. Vijf opties dekken de meeste projecten in 2026. Ten eerste is Strapi een opensource headless CMS op Node.js, dat draait op een eigen server of via Strapi Cloud, met onder meer PostgreSQL als database. Node.js en PostgreSQL zijn gangbaar: in de Stack Overflow Developer Survey 2025 gebruikte 48,7% van de respondenten Node.js en 55,6% PostgreSQL. Ten tweede combineert Sanity een opensource Studio met realtime samenwerking, zoals in Google Docs, en de querytaal GROQ. Ten derde noemt Payload zichzelf het fullstack-framework voor Next.js, en installeert Payload zich in een nieuwe of bestaande Next.js-app met MongoDB of Postgres. Ten vierde koppelt Directus aan een bestaande database en biedt daarbovenop een REST- en GraphQL-API, onder een licentie van het bedrijf erachter (Monospace). Tot slot past headless WordPress bij teams die al in WordPress werken. Een team met een bestaande SQL-database komt bijvoorbeeld bij Directus uit.
Hoe werkt een headless CMS samen met Next.js?
De koppeling tussen Next.js en een headless CMS is een stroom van vier stappen: modelleren, ophalen, verversen en bekijken. Next.js is een gangbaar framework, gebruikt door 20,8% van de respondenten in de Stack Overflow Developer Survey 2025. Stap 1 is het contentmodel, bijvoorbeeld pagina's, blogberichten en FAQ-items met vaste velden. Stap 2 is ophalen: Server Components (React) vragen de content op bij de API van het CMS en renderen HTML op de server. Stap 3 is verversen, met revalidatePath of revalidateTag na een webhook van het CMS. Een site met 300 pagina's bouwt dan alleen de gewijzigde pagina opnieuw. Stap 4 is bekijken via Draft Mode. Vooraf gerenderde HTML helpt de snelheid: volgens de Web Almanac 2025 had maar 62% van de mobiele sites een goede LCP, een meetwaarde van Google. VirtuoLab bouwt websites met Next.js en koppelt contentbronnen via API's. Een bedrijfswebsite heeft in 2026 een indicatie van €2000 tot €8000. De vaste prijs volgt na een gratis kennismaking.
Veelgestelde vragen
Is WordPress een headless CMS?
WordPress is standaard een traditioneel CMS, omdat WordPress content opslaat en de pagina's ook zelf rendert met een thema. WordPress kan wel als headless CMS werken via de ingebouwde REST API of de plugin WPGraphQL. In een headless opzet houden redacteuren het WordPress-dashboard, en wordt de publieke website via Next.js gebouwd. Dat is een groot publiek: volgens W3Techs draait 39,7% van alle websites op WordPress. De opzet heeft drie afwegingen: 1) paginabouwers hebben geen invloed meer op de website, 2) twee systemen hebben hosting en updates nodig en 3) de previewknop vraagt een eigen previewroute. Plugins in de beheeromgeving blijven een aandachtspunt, want 91% van de WordPress-kwetsbaarheden in 2025 zat in plugins (Patchstack 2026). Headless WordPress is zinvol als een team al in WordPress publiceert, bijvoorbeeld een nieuwssite met 200 pagina's die snel moet laden in Google. Een nieuw project zonder WordPress-gewoontes past vaak beter bij Sanity, Strapi of Payload, systemen die vanaf het begin headless zijn ontworpen.
Wat kost een website met een headless CMS?
De prijs van een website met een headless CMS is de som van de bouw van de voorkant en de inrichting van het CMS, het contentmodel en de preview. Bij VirtuoLab heeft een bedrijfswebsite in 2026 een indicatie van €2000 tot €8000. Een webshop zit op €5000 tot €20.000, met betalingen via Stripe voor 1,5% plus €0,25 per EER-kaartbetaling. Abonnementen via Stripe Billing kosten 0,7% extra. Ten eerste voegt een headless opzet werk toe voor het contentmodel, de previewroute en het verversen van de cache. De scope bepaalt dus waar een project uitkomt, net als koppelingen met bijvoorbeeld Google Analytics. Ten tweede komen er doorlopende kosten bij: hosting voor de website, plus hosting voor een zelf gehost CMS of een abonnement op een gehoste dienst (Sanity). Opensource opties zoals Payload en Strapi kennen geen licentiekosten voor de kernsoftware. Een site met 10 pagina's heeft een veel kleiner contentmodel nodig dan een catalogus met 500 producten. De exacte prijs volgt na een gratis kennismaking.
Kunnen redacteuren pagina's nog bekijken vóór publicatie?
Ja, en een preview is een standaardonderdeel van elke goede headless opzet. In Next.js (Vercel) heet de previewfunctie Draft Mode. Volgens de documentatie van Next.js laat Draft Mode redacteuren zien hoe conceptcontent eruit komt te zien, zonder te wachten op hervalidatie. Elk headless CMS dat een eigen preview-URL kan openen, zoals Sanity, Strapi of Payload, werkt via Draft Mode. De werkwijze heeft drie delen: 1) het CMS opent een preview-URL met een gedeeld geheim, 2) een Route Handler controleert het geheim en zet Draft Mode aan met een cookie, en 3) Next.js haalt het laatste concept op. Andere bezoekers blijven de gepubliceerde versie zien. Redacteuren verwachten dat gemak, net als in Google Docs, want volgens W3Techs draait 58,4% van de sites met een bekend CMS op WordPress, waar een previewknop standaard is. Next.js is ook breed bekend bij developers: 20,8% gebruikte het in de Stack Overflow Developer Survey 2025. Zo blijft de preview in 2026 een vast onderdeel van elk headless project.