Ordlista
Headless arkitektur
Headless arkitektur är ett designmönster där frontenden och backenden byggs som separata applikationer och kommunicerar via API:er. I e-handel betyder det att storefronten är frikopplad från commerce-motorn.
Headless arkitektur frikopplar frontenden från backenden. Frontenden är en separat applikation, backenden exponerar API:er och de två kommunicerar utan att dela kodbas. I e-handel är detta grunden för headless commerce.
Headless arkitektur är ett mjukvarudesignmönster där frontenden (det användarna ser) och backenden (där data och affärslogik bor) byggs som separata applikationer och kommunicerar via API:er. Termen "headless" syftar på att backenden saknar inbyggt användargränssnitt, inget "huvud."
I e-handel innebär det att commerce-motorn — produktkatalog, priser, varukorg, checkout, ordrar — är frikopplad från storefronten. Storefronten är en fristående webbapplikation, typiskt byggd i ett JavaScript-ramverk som Vue, Nuxt, React eller Next.js. Commerce-motorn exponerar REST- eller GraphQL-API:er. Storefronten anropar dessa API:er och bestämmer hur datan ska renderas.
En produktionsklar headless-arkitektur har tre komponenter som samverkar: en **frontend-applikation** som äger användargränssnittet och rendering, en **backend-for-frontend (BFF)** som komponerar data från flera backend-tjänster till optimerade svar, och **backend-API:erna** för commerce, CMS, sökning, betalning och CRM.
För den långa förklaringen — hur det skiljer sig från en monolit, hur det relaterar till composable och MACH, och hur du avgör om det passar ett projekt — se pillar-inlägget om headless arkitektur.
## Relaterade termer
Headless commerce · Composable commerce · Headless CMS · Frontend-as-a-service · Monolit vs headless
Vanliga frågor
Vill du prata?
Se hur Frntkey passar din stack. Boka 30 minuter.
Boka demo