Headless commerce

Hvad er headless commerce?

Headless commerce er en arkitektur, hvor webshoppens frontend (præsentationslaget kunden ser) er koblet fra handelsbackenden (produkter, priser, kurv og ordrer). De to lag taler sammen via API’er i stedet for at være bundet ind i samme system. “Headless” betyder netop, at backenden kører uden sit eget indbyggede “hoved” – frontenden bygges separat og henter data over API.

Hvorfor er headless commerce vigtigt?

Med en fri frontend kan du bygge præcis den oplevelse, dit brand kræver, uden at være låst af temaets standardstruktur. Det giver ofte bedre performance og fleksibilitet, og gør det lettere at levere det samme indhold til web, app og andre kanaler fra én backend. Til gengæld øges den tekniske kompleksitet og udviklingsomkostningen markant, fordi du selv skal bygge og vedligeholde frontenden.

Typiske brugssituationer

• Brands, der vil have en unik, hurtig storefront og har udviklerressourcer til det.
• Omnichannel-opsætninger, hvor web, mobilapp og in-store deler samme produktdata.
• Sites med tungt redaktionelt indhold, der bygges i et separat CMS oven på handelsdata.
• Virksomheder, der vil optimere Core Web Vitals uden temaets begrænsninger.

Shopify-perspektiv

I Shopify bygges headless typisk med Hydrogen (Shopifys React-framework) hostet på Oxygen, og data hentes via Storefront API’et (GraphQL). Det klassiske tema i Liquid renderer altså ikke længere storefronten. Vær opmærksom på, at checkout fortsat kører på Shopifys hostede checkout af hensyn til sikkerhed og PCI – du erstatter frontenden, ikke betalingsflowet.