Headless met Craft CMS

Kennis | Craft6 minutes read

Een headless CMS heeft alleen de content management functies. De content (data) wordt vervolgens beschikbaar gemaakt in een formaat die andere apps of websites kunnen uitlezen. Het is dan aan die mobiele apps of websites om de content aan de gebruiker te presenteren op een manier die logisch is. Craft CMS is een content management systeem dat ervoor zorgt dat je gemakkelijk en zonder technische kennis je website kunt beheren. Een perfect headless CMS als je het ons vraagt. In deze blog nemen we je graag verder mee in de wereld van Craft als headless CMS.

Wat is een headless CMS?

Een headless CMS is een grote verandering vergeleken met een traditioneel CMS voor het creëren van je webinhoud. In plaats van een basis te gebruiken voor zowel contentmanagement als het weergeven van die content, houdt een headless CMS zich alleen bezig met contentmanagement. Het laat de weergave van de content over aan de websites of mobiele apps zelf. Voor Craft CMS betekent headless gaan dat er volledig wordt afgezien van de template mogelijkheden en dat in plaats daarvan content wordt aangeboden als gestructureerde data via een web API. Een API, ook wel Application Programming Interface genoemd, is een dataset waardoor twee applicaties met elkaar kunnen communiceren.

Je kunt een traditionele CMS website verdelen in twee onderdelen. De eerste is het onderdeel dat de websitebezoeker ziet. Dit bestaat uit de sjablonen, het ontwerp van de website en de delen van de website waar een gebruiker interactie mee heeft. Het tweede onderdeel is de content management kant van de website. Hiertoe heb je alleen toegang wanneer je inlogt.

Voordelen van headless Craft CMS

Voordat je kiest voor een headless CMS, wil je natuurlijk weten wat de voordelen er nu eigenlijk van zijn. Kiezen voor een headless systeem is een belangrijke verandering en de voor- en nadelen moeten worden afgewogen tegen de totale ontwikkeling en de investering van tijd en geld. We nemen het hieronder met je door.

Allereerst is een headless CMS handig als je content op verschillende platformen wilt publiceren zonder handmatig dubbel werk te doen. Denk dan bijvoorbeeld aan het aanpassen van je openingstijden op de website. Met headless kan dat in één keer.

Headless is ook gemakkelijk als je vaak van huisstijl verandert. Is jouw business snel in veranderingen en is er een grote kans dat je jouw bedrijf met de tijd met een andere huisstijl naar buiten wilt brengen? Dan is het fijn als de voor- en achterkant van je website los staan, want dat kan met een headless CMS.

De ervaring bij het gebruiken van een headless CMS blijft voor content schrijvers hetzelfde. Het geeft geen extra beperkingen in de manier waarop content wordt beheerd. Bij een headless CMS staat de ervaring van de content schrijver voorop. Kortom, een mooi gebruiksvriendelijk systeem!

Een headless CMS is niet altijd de beste optie. Bijvoorbeeld als je niet van plan bent meerdere platformen te gaan gebruiken of als je geen grote, maar een kleinere website wilt, kies je ook het beste voor een traditioneel CMS.

Hoe inhoud weergeven

Als je besloten hebt om Craft CMS te gebruiken in een headless configuratie, dan is het ook belangrijk om te beslissen hoe je de content bij de eindgebruikers krijgt. Met een headless CMS heb je bijvoorbeeld meer opties dan bij een traditioneel Craft CMS, we nemen ze hier met je door.
 

  • Je kunt een aparte web frontend app implementeren met behulp van een aantal populaire JavaScript frameworks, zoals React, Vue of Angular. Deze web frontend apps kunnen gegevens halen uit een API die wordt aangestuurd door je headless Craft CMS.

 

  • Je kunt mobiele apps lanceren voor iOS en Android, die elk via dezelfde API's data ontvangen en versturen naar je centrale Craft CMS. Dit kan ook worden uitgebreid naar apps op andere platformen, zoals Apple TV, Alexa apparaten, smartwatches en andere smarthome apparaten.

 

  • Je kunt een statische versie van je website of app implementeren met behulp van een framework zoals Gatsby. Deze kan dan worden gehost op een aantal platformen en service providers zoals Netlify of Heroku.

 

  • Je kunt een grotere datapijplijn integreren, waarbij gegevens worden verzonden naar een content warehouse op Amazon Redshift of Google BigQuery voor geavanceerde business intelligence rapportages. Of naar een geavanceerde dataopslag voor zoekmachines zoals Elasticsearch of Algolia.

Het bouwen van een website met een headless CMS vereist een manier om toegang te krijgen tot de gegevens, meestal via een API. De nieuwste versie van Craft CMS ondersteunt meerdere opties. Ofwel via de Craft CMS plugin Element API of via native GraphQL ondersteuning. Wellicht klinken deze namen en gebruikersopties niet bekend in je oren? Neem voor meer informatie of advies gerust contact met ons op. Wij van Stimmt helpen je graag!

Headless is niet geschikt voor elk project

Als we het CMS scheiden van de manier waarop de content aan eindgebruikers wordt gepresenteerd, hebben we nu twee codebases. Dit heeft voordelen, maar ook een nadeel. Het nadeel is dat de investering in zowel tijd als geld in het begin waarschijnlijk groter is. Bij het opsplitsen in twee codebases is er dubbel werk en neemt de totale inspanning toe. Het is geen grote sprong, maar als het je doel is om zo snel mogelijk te lanceren met zo min mogelijk inspanning, is headless misschien niet de beste keuze.

Stimmt helpt met headless Craft CMS

Als je op zoek bent naar een extreem flexibel headless CMS, dan kan Craft CMS de deur openen voor vele mogelijkheden. Stimmt beschikt over ruime expertise wanneer het gaat om Craft CMS. We verzorgen naast de ontwikkeling van jouw website ook voor de doorontwikkeling door middel van een digitale partnership. Voor vragen en hulp staan we tot je beschikking, ook na livegang van je website. Naast onze Craft CMS expertise, maak je op deze manier optimaal gebruik van onze diensten.

Heb je na het lezen van deze blog nog vragen of wil je graag persoonlijk advies? Stimmt heeft veel ervaring als Craft development bureau en helpt je graag verder, dus neem gerust contact op!

Ready to start your next digital journey? Get in touch!