Menu
the REFERENCE

De Drupal Headless blogreeks

De nieuwste hype op het gebied van CMS? Headless of ontkoppelde systemen. Je hebt er vast al eens over gehoord op evenementen of over gelezen in marketingartikels. Maar wat is het precies? En waarom focust Drupal 8 er volledig op? In deze blogreeks kom je alles te weten over Drupal headless, leer je welke gigantische voordelen het kan opleveren voor jezelf en je bedrijf, en ontdek je hoe Drupal de markt aanvoert.

Laten we beginnen bij het begin. Wat houdt het concept headless in en waarom kun je het systeem vergelijken met de batterijlader van je telefoon? Ja, je leest het goed – de lader van je telefoon. 
 



Batterijladers

Vroeger (in het tijdperk van de Nokia 3310) had elke gsm een eigen batterijlader. Die bestond uit een stekker, een kabel en een connector. Lege batterij? Dan was die ene specifieke oplader het enige redmiddel.


 
Gelukkig is er ondertussen heel wat veranderd op het vlak van telefoons – en batterijladers. De laders bestaan nog steeds uit een stekker, een kabel en een connector –als ze tenminste niet draadloos zijn – maar het design is veel flexibeler.

Stel, je bent op bezoek bij een vriend en de batterij van je mobieltje kan het elk ogenblik begeven. Relax! De batterij weer tot leven brengen kan gewoon met de oplader van je vriend – dat apparaatje heeft immers precies dezelfde connector. Je vriend heeft een iPhone en jij hebt een Android-toestel? Geen probleem. Je gebruikt je eigen kabel en sluit het USB-uiteinde aan op zijn lader. Maar wat als jij en je vriend vergeten zijn je opladers mee te nemen tijdens een reis naar … Nieuw-Zeeland? Nog steeds niets aan de hand. Ook opladers uit het land van de kiwi’s helpen je uit de nood. Je sluit gewoon je eigen kabel aan op de USB-poort van de lader. Of rechtstreeks op een USB-aansluiting. Makkelijk, niet? 



 

Kortom, het maakt niet meer uit welke telefoon je gebruikt. Je kunt het toestel gelijk waar en wanneer opladen dankzij het flexibele design van de moderne batterijladers. 

Websites

Goed, terug naar websites. De meeste hebben een frontend (HTML, CSS en JavaScript) en een backend (een contentmanagementsysteem, zoals Drupal). De backend beheert de inhoud, de frontend toont die inhoud aan bezoekers op een visueel aantrekkelijke manier. 

Tot enkele jaren geleden was de frontend afhankelijk van de backend. Het CMS leverde de HTML-code, die vervolgens op visueel aantrekkelijke wijze werd weergegeven door de frontend. 


 
Websites zijn door de jaren heen enorm geëvolueerd. Er bestaan ondertussen tal van frontendtechnologieën (Vue, Angular, React …), elk met unieke voordelen. Al die technologieën hebben ook specifieke eigenschappen en vereisten. Als je ze wilt gebruiken, moet de HTML van het CMS compatibel zijn. Een hele uitdaging, vooral omdat frontendtechnologieën als paddenstoelen uit de grond schieten. 

De oplossing: een manier vinden om inhoud van het CMS naar de frontend te versturen zónder dat de frontend afhankelijk is van het CMS en specifieke HTML. Het resultaat combineert de kracht van het CMS en de vrijheid om gelijk welke frontendtechnologie te gebruiken. Fantastisch, toch? 

Maak kennis met headless

Binnen dit concept wordt content door het CMS weergegeven via een API. Te technisch? We leggen het anders uit. 

Stel je voor dat het CMS de batterijlader van je telefoon is, en de API de universele USB-stekker van je lader. De frontendtechnologie is de kabel, en je telefoon is de website. Je voorziet je telefoon van stroom via een flexibele oplader. Zo kun je dus ook je website(s) en alle mogelijke digitale kanalen voorzien van content via een flexibel headless CMS.


 
Leuk weetje: de digitale borden met realtime-informatie in de metro van New York worden aangestuurd door Drupal. 


 

De voordelen? 

- Content-als-serviceconcept
Geen paginagebaseerd systeem. Het contentbeheer is gescheiden van de contentweergave. De frontend is niet meer afhankelijk van de backend.

- Maximale vrijheid voor frontendontwikkelaars
Geen CMS-beperkingen meer, voor een optimale creatieve vrijheid.

- Een andere look, een andere ervaring
Creëer een totaal andere ervaring zonder je zorgen te maken over de content in het CMS. Bijzonder doeltreffend! 

- Eén CMS, meerdere kanalen
Content kan van het CMS naar meerdere kanalen verstuurd worden (websites, apps, digitale borden …) 

- Toekomstbestendig
De backend is helemaal klaar voor als er nieuwe frontendtechnologie verschijnt (zowat om de vijf seconden). 


Conclusie

Dit moet je zeggen als iemand vraagt wat een headless Drupal-CMS is: 

“Het is een Drupal-systeem dat content op een flexibele manier weergeeft via een API.”

(Een beetje zoals batterijladers van gsm’s, weet je nog?)

Hoera! Je hebt de eerste blogpost helemaal doorgeworsteld. Nu weet je alles over het concept Drupal headless. In de volgende post gaan we dieper in op de diverse headlessmethodes in Drupal.

In deel 2 van de blogreeks over Drupal headless: 
- Monolith, progressief ontkoppeld en volledig ontkoppeld Drupal-systeem.
- Welke methode past het beste bij jouw organisatie?


Razend benieuwd naar de volgende post en wat Drupal allemaal in zijn mars heeft?

Neem vandaag nog contact op met onze Drupal-experts!

Doe het nu
 

Op de hoogte blijven?

top
more than digital
The Reference is niets zonder haar klanten. Carglass is de specialist in het herstellen en vervangen van autoruiten, waarvoor we een volledige responsive Sitecore website gebouwd hebben. Lees meer over deze klant.