Een headless CMS is een CMS dat alleen de content beheert en opslaat, zonder eigen voorkant om die content te tonen. De content wordt via een API beschikbaar gesteld. Een aparte website of app haalt die op en bepaalt zelf hoe alles eruitziet. Het ontbrekende hoofd (head) is de weergave.

Hoe het verschilt van een gewoon CMS

Bij een traditioneel CMS zitten het beheer van de content en de weergave in hetzelfde systeem: je schrijft een tekst en het systeem toont die op een pagina in een thema. Bij een headless CMS staan beide los van elkaar.

Redacteuren werken in het CMS aan de inhoud, terwijl ontwikkelaars een eigen voorkant bouwen, bijvoorbeeld met React. Die voorkant vraagt de content op via de API, meestal in het formaat JSON.

Waarvoor wordt het gebruikt

Een headless CMS is handig als dezelfde content op meerdere plekken moet verschijnen, zoals op een website, in een mobiele app en op een scherm in een winkel. De content wordt eenmaal ingevoerd en overal hergebruikt.

  • Ontwikkelaars kiezen vrij hoe de voorkant wordt gebouwd.
  • Content wordt vastgelegd in contentmodellen, zoals artikel, auteur of product.
  • De voorkant en het CMS kunnen los van elkaar worden vernieuwd.

Beperkingen

Een headless CMS vraagt meer ontwikkelwerk, omdat de voorkant apart moet worden gebouwd en onderhouden. Functies die een traditioneel CMS kant-en-klaar biedt, zoals een voorbeeldweergave van een pagina, moeten soms zelf worden gemaakt. Voor een eenvoudige website met weinig pagina’s is een gewoon CMS meestal voldoende.

Samenwerking tussen redactie en ontwikkelaars

Bij een headless CMS zijn de taken duidelijk verdeeld. Redacteuren vullen content in via een beheerscherm en ontwikkelaars bepalen hoe die content in de voorkant wordt getoond. Daardoor kan een tekst worden aangepast zonder dat de ontwikkelaar iets hoeft te wijzigen, en kan de vormgeving veranderen zonder dat de content opnieuw moet worden ingevoerd.