Hvad er headless commerce, og hvad kræver det teknisk at bygge?
Hvad er headless commerce, og hvad kræver det teknisk at bygge? Kort fortalt er headless commerce en e-commerce-arkitektur, hvor frontend (det kunden ser og klikker på) er adskilt fra backend (produktdata, ordrer, lager og betaling). De to lag taler ikke længere sammen gennem et fast koblet tema, men via API'er. Det betyder, at du kan bygge din butiksoplevelse i stort set enhver teknologi, mens Shopify fortsat håndterer den kommercielle motor bagved.
I en traditionel Shopify-opsætning er frontend og backend leveret som én samlet pakke gennem temaet. I en headless-struktur skal du selv tage stilling til flere teknologier og integrationer, som før var indbygget. Det giver frihed og hastighed, men det flytter også ansvar over på udviklingsteamet. Hos Mercive ser vi mange brands overveje headless, fordi de vil have fuld kontrol over performance og oplevelse, men den kontrol koster teknisk modenhed.
Sådan hænger arkitekturen sammen
Headless bygger på et såkaldt API-first-princip. Frontend henter data fra Shopify gennem Storefront API og sender ordrer og betalinger tilbage samme vej. Selve butiksfacaden bygges typisk i en moderne JavaScript-ramme, hvor Shopify Hydrogen og Oxygen er det oplagte valg, fordi de er lavet specifikt til Shopify-data og hosting.
Fordelen ved denne opdeling er, at du kan opdatere og redesigne frontend uden at røre backend. Du kan levere den samme produktkatalog og checkout til en webshop, en app, en kiosk i butikken eller en helt tredje kanal. Ulempen er, at hvert lag skal vedligeholdes for sig, og at ansvaret for ting som SEO, caching, routing og tilgængelighed nu ligger hos dit team i stedet for i temaet.
Hvad et headless CMS er, og hvorfor det ofte følger med
Et headless CMS er et indholdssystem, der leverer tekst, billeder og sider gennem API'er i stedet for at være bundet til en fast frontend. Når frontend først er frikoblet, giver det mening at hente redaktionelt indhold på samme måde, så marketing kan arbejde i et værktøj de kender, mens udviklerne bygger visningen. Populære valg er systemer som Sanity, Contentful og Storyblok.
Vær opmærksom på, at et headless CMS lægger endnu et system oveni. Det kræver flere tekniske ressourcer både i udvikling og i drift, og de brugere der skal redigere indhold, skal ofte opkvalificeres. Det er en investering, der betaler sig for indholdstunge brands, men den skal indregnes fra start, ikke tilføjes bagefter.
Begreberne commerce og e-commerce i denne sammenhæng
Commerce betyder handel, altså udvekslingen af varer og tjenester mellem sælger og køber. E-commerce, eller e-handel, er den samme handel udført digitalt gennem en webshop eller anden onlinekanal. Begrebet omfatter hele rejsen fra produktvisning og kurv til betaling, ordrebehandling og levering.
I en headless-kontekst er det værd at huske, at den kommercielle logik ikke forsvinder, den flyttes bare. Betaling, lager, skat og forsendelse håndteres fortsat af Shopify, mens en e-commerce shipper, altså den fragtpartner eller integration der står for at sende ordrer ud til kunden, kobles på gennem apps og API'er. Headless ændrer facaden, ikke fundamentet under den.
Sådan ville Mercive gribe et headless-projekt an
Vores erfaring er, at headless sjældent er det rigtige svar bare fordi det er teknisk imponerende. Vi starter altid med at afklare, om et velbygget Shopify-tema kan levere den performance og fleksibilitet brandet reelt har brug for. Er svaret nej, for eksempel på grund af flere kanaler, avanceret indhold eller ekstreme krav til hastighed, planlægger vi en migrering med en klar afgrænsning af hvad frontend, CMS og integrationer hver især skal løse.
Konkret betyder det, at vi bygger på Shopify og Shopify Plus som backend, vælger frontend-stakken ud fra teamets kompetencer og lægger en driftsplan, så løsningen kan vedligeholdes efter lancering. Vi bruger også Shopify Functions og apps til at holde forretningslogik tæt på platformen. Vil du dykke dybere ned i, hvornår headless giver mening, kan du læse hovedguiden om avanceret Shopify arkitektur og se, hvordan vi håndterer selve migreringen.
Sådan kan Mercive hjælpe
Vil du arbejde videre med det her, kan du læse mere her:
