Headless Odoo architecture
Alokai

Odoo (De Backend) In deze architectuur fungeert Odoo als de 'headless' backend en de onbetwiste 'single source of truth'. Alle kernprocessen – van productmanagement (PIM), voorraadbeheer en prijsstelling tot klantdata (CRM) en orderverwerking – draaien in Odoo. Om deze data te ontsluiten, wordt Odoo uitgerust met een robuuste API-laag, zoals de specifieke Alokai Odoo Connector. Deze API stelt de data veilig en efficiënt beschikbaar voor externe applicaties, zonder dat deze applicaties direct aan de standaard Odoo-interface gekoppeld zijn.

Alokai (De Frontend) Alokai is het high-performance frontend framework dat specifiek is ontworpen voor e-commerce. Je kunt dit zien als de 'presentatielaag' van jouw webshop. 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.

Nuxt.js (en Vue.js) (De Rendering Engine) 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 Middleware (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 uit de Odoo API, 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.

GraphQL (De Efficiënte Querytaal) GraphQL is de 'taal' die we gebruiken 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.

Redis (De Snelheidsbooster - In-Memory Caching) Redis fungeert als een cruciale in-memory database en cache. De middleware maakt hier intensief gebruik van om vaak opgevraagde data (zoals productlijsten, algemene content of prijzen die niet voortdurend veranderen) 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.

Het Headless CMS (bijv. Storyblok of Strapi) (De Content Engine) Naast de Odoo-backend (voor product-, order- en klantdata) sluiten we een extern headless CMS aan. Dit systeem beheert alle marketing- en sfeercontent, zoals blogposts, landingspagina's, banners en 'over ons' teksten. De middleware haalt, net als bij Odoo, de content op via de API van dit CMS. Dit geeft jouw marketingteam de volledige vrijheid om rijke content te creëren en te publiceren, volledig losgekoppeld van de technische e-commerce logica in Odoo.