Een headless CMS: wat
is het?

Een headless CMS levert content via een API in plaats van via een gekoppeld frontend. De 'head' (visuele kant) wordt apart gebouwd, vaak in React, Next.js of Vue. Voorbeelden: Strapi, Contentful, Sanity.

SNEL ANTWOORD

Een headless CMS: CMS zonder gekoppelde frontend. Een headless CMS levert content via een API in plaats van via een gekoppeld frontend. De 'head' (visuele kant) wordt apart gebouwd, vaak in React, Next.js of Vue. Voorbeelden: Strapi, Contentful, Sanity.

In het kort

Een headless CMS is een content-managementsysteem dat de back-end (waar je content beheert) volledig scheidt van de front-end (waar bezoekers de website zien). De content wordt opgeslagen in een database en aangeboden via een API, zodat de front-end vrij gebouwd kan worden in elke technologie: Next.js, Nuxt, Astro, native apps, smart screens. Bekende headless CMS'en zijn Sanity, Contentful, Strapi, Storyblok en Payload. Het voordeel: je content is herbruikbaar over website, app, displays en partners. Het nadeel: het is technisch complexer dan WordPress en vraagt een ontwikkelaarsteam voor onderhoud. Bij Creative Hero kiezen we headless wanneer een klant meerdere kanalen heeft (website plus app), of wanneer snelheid en SEO-prestaties topprioriteit zijn. Een Next.js-site met Sanity als CMS is doorgaans 3 tot 5 keer sneller dan een vergelijkbare WordPress-site. Voor klanten met enkel één website en weinig technische kennis is headless meestal overkill. We adviseren dan vaak een goed gebouwde WordPress of Webflow-oplossing in plaats van technische luxe waar geen behoefte aan is.

Hoe het werkt

Bij headless wordt content opgevraagd via een API (REST of GraphQL). De front-end haalt content op tijdens een build (static generation) of on-demand (server-side rendering). Statische sites worden gegenereerd op een hosting-platform zoals Vercel of Netlify en zijn lichtsnel. Wanneer content wijzigt, herbouwt het platform automatisch de getroffen pagina's. Een goed headless-systeem werkt met preview-mode zodat redacteurs hun wijzigingen kunnen zien voor publicatie. Schema-modellering (welke contenttypes, welke velden, welke relaties) is cruciaal en wordt vooraf afgesproken. Headless faalt wanneer organisaties zonder technische kennis de developer-handleiding negeren en zonder structuur beginnen.

Voorbeelden uit de praktijk

Sanity + Next.js

Voor een klant met internationale ambitie bouwden we een meertalige website in Next.js met Sanity als CMS. Resultaat: 90+ Lighthouse-scores op alle pagina's, drie talen, en automatische builds bij elke contentwijziging.

Contentful + native app

Een retail-klant gebruikt Contentful voor hun website én iOS/Android-app. Eén content-update verschijnt automatisch op alle drie de kanalen zonder dubbel werk.

Strapi + Astro

Voor een klant met budget-restricties bouwden we een open-source headless setup met Strapi (zelf gehost) en Astro. Goedkoper op lange termijn dan een SaaS-oplossing en volledig in eigen beheer.

Do's & don'ts

Wel doen

✓Kies headless enkel wanneer je meerdere kanalen of zeer hoge performance-eisen hebt.
✓Bouw een doordacht contentmodel voor je begint.
✓Werk met preview-mode zodat redacteurs hun wijzigingen kunnen voorbekijken.
✓Plan rebuild-strategie zodat content-updates snel live komen.
✓Train je redacteurs grondig in het abstract werken met blokken in plaats van WYSIWYG.
✓Gebruik versie-controle voor schema-changes om migratie-pijn te vermijden.

Niet doen

✗Kies geen headless als je enkel één kleine website hebt zonder hoge prestatie-eisen.
✗Bouw geen headless zonder developer-team voor onderhoud en bug-fixing.
✗Vergeet nooit preview-mode, redacteurs hebben visuele feedback nodig.
✗Werk nooit zonder schema-versionering, anders wordt elke migratie een nachtmerrie.
✗Vermijd headless als je klant alleen WYSIWYG-bewerken aankan.
✗Negeer de hosting-strategie niet, slechte build-pipeline maakt headless onbruikbaar.

Veelgestelde vragen

Wat is het verschil tussen WordPress en headless?

WordPress is gekoppeld: front-end en back-end horen samen. Headless ontkoppelt beide via API. WordPress is sneller op te zetten, headless is sneller, schaalbaarder en flexibeler op lange termijn.

Welke headless CMS'en gebruikt Creative Hero?

Voornamelijk Sanity en Strapi. Sanity voor klanten die SaaS-betrouwbaarheid willen, Strapi voor klanten met technisch team die zelf willen hosten en kosten willen beheersen.

Hoeveel kost een headless website?

Bij Creative Hero start een headless project vanaf 8.500 euro voor een eenvoudige site en kan oplopen tot 45.000 euro voor meertalige, meer-kanaals projecten met complex contentmodel.

Werkt headless ook voor SEO?

Ja, doorgaans beter dan traditionele CMS'en. Statische sites scoren topkwaliteit op Core Web Vitals en SEO door snelheid en clean code. Goede schema-implementatie is wel cruciaal.

Kan ik mijn WordPress-site naar headless migreren?

Ja, via een migratie-traject van 4 tot 12 weken. We exporteren content, modelleren in de nieuwe CMS en bouwen front-end opnieuw in een moderne framework zoals Next.js of Astro.

Heb ik developer-onderhoud nodig?

Ja, headless vraagt minstens occasioneel developer-werk voor schema-updates en build-issues. Bij Creative Hero bieden we maand-onderhoud vanaf 195 euro voor headless setups.

Gerelateerde uitleg

Hulp nodig met een headless cms?

Plan een kennismaking. We bekijken samen of we kunnen helpen.

Plan een call

Een headless CMS: watis het?