Vad är headless commerce?
Headless commerce separerar frontend-presentationslagret från backend-handelsmotorn. Istället för en monolitisk plattform som renderar katalog, kassa och butik i ett system exponerar backenden API:er som vilken frontend som helst kan konsumera — en anpassad React- eller Vue.js-app, en mobilapp, en butikskiosk eller en marknadsplatsintegration.
I praktiken innebär det att utvecklingsteamet bygger butiken oberoende av handelslogiken. En produktsida hämtar katalogdata via API. Kassan anropar handelsmotorns order-API. Lagerkontroller sker i realtid genom samma gränssnitt.
Här kommer Frntkey in — en plug-and-play headless e-handelslösning byggd på Nuxt.js, Vue.js och Tailwind CSS. Till skillnad från tomma ramverk som kräver månader av frontend-utveckling ger Frntkey en komplett butik som fungerar direkt — produktlistning, sök, kassa, kontosidor — men som är helt flexibel att anpassa. Det är det snabbaste sättet att gå headless utan att börja från noll.
Composable commerce och MACH
Composable commerce utvidgar headless genom att sätta ihop hela stacken av bäst-i-klassen-tjänster kopplade via API:er. MACH-ramverket ger de arkitekturella principerna:
- Microservices: Varje affärsförmåga (handel, sök, CMS, betalning) körs som en oberoende tjänst.
- API-first: Varje tjänst exponerar ett väldokumenterat API.
- Cloud-native: Tjänster körs på modern molninfrastruktur (AWS, Vercel, Cloudflare) med auto-skalning och CDN.
- Headless: Ingen inbyggd frontend. Presentationslagret är helt frikopplat.
Junipeer fungerar som API- och integrationslager i en composable-stack — kopplar handelsmotorn till affärssystem, betalning, frakt, CRM och PIM. Standardintegrationer till Fortnox, Visma.net och Business Central kan vara live samma dag — från 30 minuter.
NWT:s headless-stack
- Norce: Handelsmotorn. API-first från grunden, designad för att driva vilken frontend som helst. Hanterar komplexa kataloger, multi-brand, multi-market och B2B-prissättning.
- Frntkey: Plug-and-play headless frontend. En komplett butik på Nuxt.js och Tailwind CSS som fungerar direkt — men helt anpassningsbar. Inte en tom canvas; en produktionsklar utgångspunkt.
- Junipeer: iPaaS-middleware. Kopplar handelsmotorn till alla backend-system — affärssystem, betalning, frakt, CRM, PIM. Standard-ERP-integrationer live samma dag.
- Storyblok: Headless CMS. Driver innehållssidor och redaktionellt innehåll vid sidan av handelsfrontenden.
- Hyvä: För Magento-baserad headless. Ersätter Luma med en modern, snabb frontend.
Med NWT:s headless-stack får du en arkitektur som separerar frontend och backend fullständigt. Det innebär att ditt utvecklingsteam kan arbeta med gränssnittet utan att vara beroende av e-handelsplattformens releasecykel. Uppdateringar i produktkatalogen, kampanjlogik eller checkout-flödet behöver inte blockera designändringar eller innehållspublicering. I praktiken förkortar det ledtiden för nya funktioner avsevärt och minskar risken för regressioner vid varje deploy.
Vi bygger våra headless-lösningar med moderna ramverk som Nuxt och Next.js. Resultatet är ett snabbt, sökoptimerat gränssnitt som renderas på serversidan (SSR) eller som statiskt genererade sidor (SSG) beroende på behov. Kombinationen ger både snabb sidladdning och goda förutsättningar för SEO, vilket är avgörande för konverteringsgrad och synlighet i sökmotorer.
Headless med varje plattform
Norce + Frntkey: Den nativa headless-kombinationen. Norce levererar handels-API:t medan Frntkey ger en plug-and-play butik. Snabbaste vägen till enterprise headless med nordisk B2B-kapacitet och multi-brand-stöd.
Shopify + Hydrogen/Frntkey: Shopifys Storefront API möjliggör headless-byggen med Shopifys kassa och ekosystem. Hydrogen (React) är Shopifys eget ramverk. Frntkey kan också kopplas till Shopifys API för team som föredrar Vue.js.
Shopware Frontends: Shopwares Vue.js-baserade headless-starter med omfattande admin-API. B2B-sviten fungerar i headless-läge. NWT är officiell Shopware Key Partner.
Magento + Hyvä: Hyvä ersätter Magentos långsamma Luma-frontend med ett modernt, lätt alternativ. För helt headless Magento ger Frntkey eller anpassade frontends via GraphQL full frihet.
System i en headless-arkitektur
En headless-butik fungerar inte ensam
Varje tjänst i en headless-arkitektur kommunicerar via API:er, vilket innebär att teamet kan uppgradera, byta ut eller skala enskilda delar utan att påverka resten av stacken. Det gör arkitekturen framtidssäker — om ett bättre CRM eller en ny betallösning dyker upp kan ni byta utan att bygga om butiken.
En viktig fördel med composable-modellen är att varje komponent kan väljas efter faktiskt behov snarare än vad plattformsleverantören råkar erbjuda. Det ger både bättre funktionalitet och lägre totalkostnad på sikt, eftersom ni inte betalar för funktioner ni aldrig använder.
. Den behöver backend-system kopplade via API:er:Affärssystem: Fortnox, Business Central, Visma.net, SAP S/4HANA, NetSuite, Monitor — för ordrar, fakturering, lager och bokföring. Du behöver alltid ett affärssystem — bokföringen kräver det.
Betalning: Klarna, Svea, Adyen, Nets, Walley, Avarda, Briqpay och Qliro.
Frakt: Ingrid för leveranskassa och nShift för transporthantering.
CRM: Klaviyo, Dotdigital, Rule, Yotpo och Nosto.
Sök: Klevu — AI-driven produktsök.
Cloud: Vercel, AWS, Cloudflare, Fastly.
Junipeer kopplar ihop alla dessa — standard-ERP:er från 30 minuter, med fullt stöd för custom-integrationer.
När passar headless?
Headless är rätt val när ni behöver: multi-brand eller multi-market-butiker från en enda backend, extrem frontend-prestanda och anpassad UX, unika köpupplevelser som plattformens inbyggda frontend inte klarar, eller gradvis migration från en äldre monolit.
När det inte passar: enkla butiker på en marknad där ett plattformstema räcker, mycket små team utan frontend-kapacitet, eller extremt korta tidsramar. Med Frntkey sänks dock tröskeln rejält — en plug-and-play headless butik innebär att ni inte behöver bygga från grunden.
Se även: Vilken e-handelsplattform passar dig? | ERP-integrationsguide