{"componentChunkName":"component---src-templates-post-index-js","path":"/nl/blog/headless-commerce-wat-is-het/","result":{"data":{"site":{"siteMetadata":{"logo":"https://content.afosto.io/5719193282412544/brand/AFO-Logo-compleet-kleur-RGBat4x.png","siteUrl":"https://afosto.com","siteName":"Afosto.com","twitter":"https://twitter.com/afosto","facebook":"https://twitter.com/afosto","company":{"foundingDate":"2014","founders":["Tjeuke horsten","Peter Bakker"],"phoneNumber":"050 711 95 19","email":"support@afosto.com"},"address":{"streetAddress":"Kieler Bocht 15C","locality":"Groningen","region":"GR","postalCode":"9723 JA","country":"NL"}}},"strapi":{"blog":{"title":"Headless Commerce: wat is het?","slug":"headless-commerce-wat-is-het","id":"32","locale":"nl-NL","localizations":[{"locale":"en","slug":"headless-commerce-what-is-it"}],"seo_title":"Headless Commerce - Wat is het?","seo_description":"In deze blog leggen we uit wat het principe van headless commerce is. We vertellen wat de voordelen en overwegingen zijn om voor headless te kiezen. ","reading_time":"00:06:00.000","published_at":"2022-03-11T14:30:36.763Z","author":"Ton Koop","updated_at":"2022-07-05T09:10:57.689Z","body":"Je hebt waarschijnlijk al gehoord over headless commerce. Het is een van de meest besproken en minst begrepen trends in e-commerce. Om je op weg te helpen zullen we met deze blog de belangrijkste kenmerken van een headless commerce systeem uitleggen. Daarnaast vertellen we je over de voordelen en overwegingen om voor headless te kiezen.\n\n## Wat is headless commerce?\n\nIn de meest eenvoudige vorm uitgelegd betekent headless commerce een scheiding tussen de front-end en de back-end van een e-commerce oplossing. Door voor headless commerce te kiezen heb je de vrijheid om een best-of-breed oplossing samen te stellen die voor een unieke gebruikerservaring kan zorgen. \n\nOm het begrip headless te begrijpen is het belangrijk dat je scherp hebt wat het verschil is tussen front-end en back-end. \n\n**Front-end:** De front-end is de 'digitale winkel', ook wel de presentatielaag genoemd, waar de klant mee in aanraking komt. Dit is niet alleen een website, maar kan tegenwoordig zo ver gaan als social media, mobiele apps en de miljarden apparaten die we gebruiken in het Internet of Things (IoT). Denk bijvoorbeeld aan in-store schermen en voice technologie. \n\n**Back-end:** Alle systemen, processen en hulpmiddelen die op de achtergrond draaien om de processen af te handelen en ervoor te zorgen dat je bedrijf soepel loopt. Deze systemen helpen je bij activiteiten als order management, productbeheer, fulfillment, integraties, gegevensopslag etc.\n\nAls je in de e-commerce zit, weet je dat gelijke tred houden met opkomende trends niet eenvoudig is. COVID-19 brengt dit alleen maar in een stroomversnelling, de markt ontwikkelt zich nog sneller. In een traditioneel e-commerce systeem kan het creëren van nieuwe ervaringen updates van zowel het front- als het back-end systeem vereisen. Dit kan er voor zorgen dat zelfs kleine projecten tot enorme hoofdbrekens leiden.\n\nEen kenmerk van headless is het gebruik API’s. De front-end en back-end communiceren met elkaar door middel van API’s, net als de back-end systemen onderling. Het scheiden van de front- en back-end kan zorgen voor een snellere, aanpasbare en consistente winkelervaring. De back-end voert nog steeds alle cruciale functies van een e-commerce oplossing uit, zonder daarvoor van een front-end (head)  afhankelijk te zijn. Daarnaast zorgt de front-end voor het bieden van een optimale gebruikerservaring, zonder daarvoor afhankelijk te zijn van een back-end. \n\nWaar traditionele e-commerce platforms beperkend kunnen zijn met vormgeving en functionaliteit, geeft headless meer vrijheid om je front-end of \"presentatielaag\" aan te passen. Je kunt een prachtige, gedenkwaardige winkelervaring creëren - terwijl je bestaande back-end intact blijft.\n\n![headless commerce decoupled](https://qcqcdn.com/afosto/headless_presentation_layer_5bdfc4b5f5/headless_presentation_layer_5bdfc4b5f5.jpg)\n\n## Wat zijn de voordelen van headless commerce?\n\nDe twee kanten van een e-commerce systeem als afzonderlijke systemen laten werken heeft verschillende voordelen, zoals:\n\n### Pagina’s worden in milliseconden geladen waardoor mobiele conversie stijgt\nPagina’s in een headless structuur zijn niet meer afhankelijk van server-side input op het moment dat je ze bezoekt. Dat betekent dat een pagina minder vaak verbinding hoeft te leggen en dat de pagina al klaar staat op het moment dat de bezoeker komt. Dit zorgt voor een enorme verbetering in laadtijden wat jouw bezoekers erg zullen waarderen. En niet alleen bezoekers: ook zoekmachines zoals Google waarderen snellere webshops. Omdat Google wil dat mensen de meest relevante en beste ervaring krijgen na het gebruik van Google, krijgen snelle webshops een hogere positie in de zoekresultaten.\n\n### Een volledig flexibele en aanpasbare webshop\nDe commerce structuren zoals ze bij huidige systemen bestaan gelden niet meer. Een product toevoegen aan een winkelwagen gaat bijvoorbeeld volledig via API’s en zou zelfs vanaf een blog pagina kunnen gebeuren. Headless architectuur geeft je de flexibiliteit om te kiezen hoe je je front-end voor je verkoopkanalen wilt bouwen, in tegenstelling tot alleen de front-end technologie te gebruiken die door je commerce of CMS platform wordt geleverd.\n\n### Flexibiliteit om je content management of CMS in te richten zoals je wilt\nEen headless oplossing kan bestaan uit een best of breed oplossing van systemen die gespecialiseerd zijn in hun eigen functies (bijvoorbeeld, Order Management, CMS, Zoeken, Betalen, Klanten, PIM, Media beheer). De gespecialiseerde backends hebben API’s waarmee het front-end kanaal aan kan haken en de voor dat kanaal gewenste klantervaring kan bieden. In het geval van een CMS kan een [headless CMS](https://afosto.com/nl/blog/wat-is-headless-cms/) er voor zorgen dat je voor elk type content het CMS kiest wat je zelf nodig acht. \n\n### Vereenvoudigd een omnichannel strategie\nHeadless architectuur helpt je je inhoud over verschillende platforms te verspreiden vanuit een enkele back-end. Je bent minder tijd kwijt aan het leveren van dezelfde inhoud omdat het allemaal vanuit 1 systeem en 1 API geleverd kan worden.\n\n### Toekomstbestendig\nAls jouw bedrijf prioriteit geeft aan technologische innovatie, dan is headless commerce iets voor jou. Om klaar te zijn voor de toekomst kiezen veel organisaties al vroeg voor een headless architectuur. Daardoor genieten ze van de lange-termijn efficiëntie die dit model oplevert om marktleider te blijven.\n\n## Headless commerce in de praktijk\n\nHet kiezen voor headless betekent flexibiliteit in het kiezen van de techniek voor de voorkant van bijvoorbeeld je webshop. Voor onze klanten kiezen wij voor het gebruik van Next.js. Next.js is een toepassing van React (een modern framework) waarmee je moderne digitale (web)applicaties kan maken. Door middel van API’s halen wij de data naar de Next.js omgeving om dynamische sites te maken. Dit halen we uit moderne headless CMS systemen, zoals bijvoorbeeld Prismic of Builder.io.\n\nDe content uit de headless CMS systemen wordt gecombineerd met de commerce engine van Afosto. Zo halen we bijvoorbeeld prijzen uit de API van onze price group service en komt de voorraadstatus uit de API van ons WMS. \n\nNaast het aanbieden van data dient onze commerce engine ook zorg te dragen voor het ontvangen van data. Denk bijvoorbeeld aan het toevoegen van een product aan de winkelwagen. Ook dit wordt via een API tussen de webshop en de Afosto order service afgehandeld. De prijs van het product wat wordt aangeboden hangt misschien af van of een klant is ingelogd of uit een bepaalde regio komt. Deze context van de order wordt naar de price rule engine gestuurd (je raadt het al, via een API) en deze engine geeft de juiste prijs voor het toegevoegde product in de gegeven context. \n\nZoals je al ziet wordt de gehele voorkant aangestuurd door API connecties welke losgekoppeld kunnen worden en eventueel vervangen door back-end systemen die een bedrijfsproces wellicht beter afdekken.\n\n## Conclusie\nNaarmate we verder evolueren naar een marketingmodel dat gebaseerd is op relaties op inhoud en klantervaring is het belangrijk om wendbaar te zijn. Deze wendbaarheid zorgt ervoor dat je snel kan inspelen op veranderende klantvragen. \n\nHeadless e-commerce oplossingen stellen je in staat om je snel aan deze veranderingen aan te passen. Dit terwijl je een lagere TCO bereikt, een snellere time-to-market, een betere beveiliging, en daarnaast alles wat je nodig hebt om een online winkelervaring van wereldklasse te bieden. \n\nAls je meer wilt weten over hoe headless commerce gebruikt wordt om jouw klanten de beste ervaring te bieden, bekijk dan de Afosto headless commerce oplossing.\n\n## Vragen over Headless Commerce\n\n\n\n\n","primary_image":{"url":"https://qcqcdn.com/afosto/wat_is_headless_aa2e776313/wat_is_headless_aa2e776313.jpg"},"blocks":[{"title":"Wat is headless?","contents":[{"body":"Headless betekent een scheiding d.m.v. API’s tussen de front-end en de back-end van een digitale oplossing. Het scheiden van de front- en back-end kan zorgen voor een snellere, beter aanpasbare en consistente winkelervaring."}]},{"title":"Wat is een headless CMS?","contents":[{"body":"Een headless CMS is een back-end content management systeem (CMS) dat puur gericht is op het beheren van content. Deze content wordt vervolgens beschikbaar gemaakt via een RESTful API of GraphQL API voor weergave op verschillende kanalen. Elk kanaal is een ‘head’ die volledig flexibel en uniek ingericht kan worden qua weergave. "}]}]}}},"pageContext":{"slug":"/nl/blog/headless-commerce-wat-is-het/","id":32,"locale":"nl-NL"}},"staticQueryHashes":["4130126704","494587200"]}