Headless arkitektur

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. ## De tre komponenterna En produktionsklar headless-arkitektur har tre lager som samverkar. **Frontend-applikationen** äger användargränssnittet, routing och rendering. **Backend-for-frontend (BFF)** sitter mellan frontenden och backend-tjänsterna, komponerar data till optimerade svar och hanterar cachning och autentisering. **Backend-API:erna** — commerce, CMS, sökning, betalning, CRM — exponerar var och en endpoints som BFF:en konsumerar. ## Hur det skiljer sig från en monolit En monolitisk plattform levererar frontend och backend som en kodbas. Shopify-teman, Shopware Storefront, Magento Luma — alla renderar inuti plattformen själv. Att uppdatera checkout-UI:t betyder att deploya samma applikation som behandlar ordrar. En headless-arkitektur deployar dessa oberoende. Frontenden kan ändras utan att backenden rörs. ## Hur det relaterar till composable och MACH Headless är den första frikopplingen: storefront från backend. Composable commerce går längre och frikopplar varje lager i stacken — sökning, innehåll, betalning, PIM, CRM — från varandra. MACH (Microservices, API-first, Cloud-native, Headless) är en striktare delmängd av composable. Alla composable-stackar är headless; alla headless-stackar är inte composable. ## Hur Frntkey passar in Frntkey är frontend-lagret i en headless commerce-arkitektur. Det ansluter till Norce eller Shopware som backend via specialbyggda API-adaptrar. Storefronten, BFF:en och integrationsuppsättningen är förbyggda, så de flesta projekt lanseras på 6 till 12 veckor istället för de 4 till 9 månader ett helt custom headless-bygge typiskt tar. För den långa förklaringen, se pillar-inlägget om headless architecture. ## Relaterade termer Headless commerce · Composable commerce · Headless CMS · Frontend-as-a-service