Een headless architectuur met Odoo en Alokai is een strategische keuze voor high-performance e-commerce. We ontkoppelen de systemen fundamenteel. De Odoo backend functioneert als het centrale brein voor alle bedrijfslogica, terwijl Alokai de razendsnelle, geoptimaliseerde gebruikerservaring levert. Een extern CMS wordt parallel aangesloten voor maximale contentvrijheid.
De architectuur bevat uit een vast aantal elementen.
Backend ERP systeem
In deze architectuur fungeert Odoo als de 'headless' backend en de onbetwiste 'single source of truth'. Alle business logica bevindt zich in Odoo.
Onder andere de onderstaande onderdelen worden gebruikt:
Orderverwerking
De frontend
Alokai is het high-performance frontend framework dat specifiek is ontworpen voor ecommerce. Je kunt dit zien als de 'presentatielaag' van jouw webshop/app. Het levert de gestructureerde, herbruikbare componenten (zoals de winkelwagen, productgalerijen en checkout-flows) die we gebruiken om jouw unieke gebruikerservaring te bouwen. Alokai is geoptimaliseerd om razendsnel te zijn en de klantervaring voorop te stellen, maar het bevat zelf geen data; het is puur de interface.
Het standaard Alokai webshop template. Dit is het startpunt van je website/app.
Framework gebaseerd op Vue.js
Onder de motorkap van Alokai draait Nuxt.js, een framework dat op zijn beurt gebaseerd is op Vue.js. Nuxt is de motor die de daadwerkelijke rendering van de pagina's regelt. De belangrijkste rol van Nuxt is het mogelijk maken van Server-Side Rendering (SSR) of Static Site Generation (SSG). Dit betekent dat de webpagina's al op de server worden voorbereid en als complete pagina naar de browser van de klant worden gestuurd. Dit proces is fundamenteel sneller dan een traditionele website en cruciaal voor optimale SEO en laadtijden.
De orkestrator en aggregator
De middleware is de onmisbare 'vertaler' of orkestrator die tussen de Alokai-frontend en de Odoo-backend zit. Wanneer een klant jouw webshop bezoekt en bijvoorbeeld een productpagina opvraagt, vraagt de Alokai-frontend dit niet direct aan Odoo. Het vraagt het aan de middleware. Deze middleware ontvangt het verzoek, haalt de benodigde productdata op via GraphQL, voegt daar eventueel content aan toe uit het CMS, structureert deze data in een efficiënt formaat en stuurt het vervolgens als één geoptimaliseerd antwoord terug naar de frontend.
Efficiente querytaal
GraphQL is de 'taal' die gebruikt wordt voor de communicatie tussen de Alokai-frontend en de middleware, en vaak ook voor de middleware naar de backend-systemen. Waar traditionele REST API's vaak vaste, grote blokken data terugsturen (zelfs als de frontend maar één klein stukje info nodig heeft), laat GraphQL de frontend toe om een zeer specifieke vraag te stellen. De frontend kan bijvoorbeeld vragen: "Geef mij alleen de naam, de prijs en de voorraadstatus van product X." Dit voorkomt het onnodig heen en weer sturen van data, minimaliseert de data-overdracht en maakt de hele architectuur extreem efficiënt.
In-memory caching
Redis fungeert als een cruciale in-memory database en cache. De middleware maakt hier intensief gebruik van om vaak opgevraagde data tijdelijk op te slaan in het razendsnelle RAM-geheugen. Wanneer een nieuwe aanvraag voor deze data binnenkomt, kan Redis het direct serveren zonder dat de middleware helemaal naar Odoo hoeft. Dit reduceert de belasting op de Odoo-backend drastisch, elimineert bottlenecks en versnelt de reactietijd van de website tot een fractie van een seconde, zelfs onder hoge verkeersdruk.
Bedrijven die...