# Headless commerce: de tre nivåene, de reelle alternativene og hvilket du sannsynligvis egentlig vil ha

> De fleste bedrifter som ber om «headless commerce» vil egentlig ha handel bygget inn via en widget. Noen få trenger commercetools eller Saleor. Her er det ærlige beslutningsrammeverket.

Ryan Badger - 3. oktober 2025 - 6 min lesing

## Hva «headless commerce» faktisk betyr

Headless commerce betyr å koble frontenden (det kunden ser) fra handelsbackenden (handlekurv, kasse, lager, ordrer). I stedet for å velge en plattform som pakker begge sammen (som Shopifys tema-baserte butikkfronter), bygger eller kjøper du frontenden separat og kobler den til et handels-API.

Ordet «headless» brukes løst. Tre ulike nivåer:

- **Full headless:** du bygger frontenden fra bunnen (React, Next.js, Astro, Nuxt) og kaller et handels-API for hver eneste bit data. Produktlister, handlekurvtilstand, kasse. Du eier hele brukeropplevelsen.
- **Widget-innebygd headless:** frontenden din finnes allerede (et markedsføringsnettsted, et Webflow-bygg, en blogg). Du slipper inn en handelswidget som vises inni den. Ikke «full headless», men fortsatt frakoblet: nettstedet ditt er ikke en mal fra en handelsplattform.
- **Tradisjonell (ikke headless):** du velger Shopify, BigCommerce eller WooCommerce og bruker temasystemet deres; nettstedet ditt ER handelsplattformen.

Det meste av «headless»-hypen handler om nivå 1. De fleste butikker trenger det egentlig ikke.

## Når full headless er verdt det

Full headless betaler seg i fire konkrete situasjoner. Utenfor disse er det utviklingstid du ikke får tilbake.

1. **Du trenger en egen brukeropplevelse som plattformtemaer ikke når.** Interaktive konfiguratorer, 3D-produktvisere, innholdstunge fortellerlayouter. Å bygge om frontenden skulle skje uansett; headless betyr bare at du også kan styre dataflyten i handelen.
2. **Distribusjon i flere kanaler fra én katalog.** Nettsted + mobilapp + kiosk i butikk + stemme- eller chatgrensesnitt. Et felles handels-API som driver dem alle er genuint vanskelig å få til tradisjonelt.
3. **Skala der tradisjonelle plattformer blir flaskehals.** Shopify Plus håndterer det meste av dette nå, men hvis du er på Nike- eller IKEA-volum, gir et handels-API bak din egen frontend deg ytelseskontroller du ikke får fra en tema-butikk.
4. **Utviklingsteam med reell frontendkapasitet.** Hvis du har dedikerte frontendutviklere, blir headless genuint billigere over tid fordi du slutter å betale temautviklerskatten.

Hvis du ikke faller inn under noen av de fire, er full headless nesten alltid en dårligere handel enn å velge en hostet plattform.

## Alternativene for full headless

For team som faktisk trenger full headless, er den realistiske kortlisten i 2026:

- **commercetools**: bedriftsklasse, tysk ingeniørkunst, dyrt. Referanseimplementasjonen av komponerbar handel.
- **Saleor**: åpen kildekode, selvhostet eller administrert, sterkt GraphQL-API. Utviklervennlig.
- **Medusa**: åpen kildekode, JavaScript-nativ, voksende økosystem. Nærmere «Shopify som et API» i formen.
- **BigCommerce Headless**: bruk BigCommerce som backend, ta med din egen frontend. Det reneste alternativet for «migrer uten å bygge om backend».
- **Shopify Storefront API**: bruk Shopifys handel bak en egen frontend. Hosting og utviklingskompleksitet er ditt ansvar; lager, ordrer og betalinger blir i Shopify.
- **Shoprocket via `@shoprocket/core`-SDK-et**: produkter, handlekurv og økter fullt programmerbare ([shoprocket-js](https://github.com/shoprocket/shoprocket-js)). Hopp over widgeten, vis ditt eget grensesnitt, snakk direkte med API-et vårt. Se avsnittet «Hvor Shoprocket står» under for forbeholdene.

Grov rangering etter utviklerergonomi: Medusa > Saleor > Shopify Storefront API > BigCommerce > commercetools. Grov rangering etter pålitelighet for store bedrifter: commercetools > Shopify > BigCommerce > Saleor > Medusa. Velg ut fra hva du optimaliserer for.

## Det widget-innebygde alternativet (kategorien de fleste egentlig vil ha)

De fleste bedrifter som beskriver seg selv som at de vil ha «headless» vil egentlig ha dette: et markedsførings- eller innholdsnettsted de allerede har, pluss handel som kobles inn uten å tvinge frem en ombygging.

Shoprocket, Snipcart og Ecwid hører alle hjemme her. Du beholder nettstedet ditt (Webflow, WordPress, statisk HTML, Astro, Framer), du limer inn en script-tag, og handelen vises inni. Det er frakoblet, men ikke reimplementert.

```
<!-- EXAMPLE ONLY. Grab your real snippet from Sales channels → Embeds in your dashboard -->
<script src="https://cdn.shoprocket.io/loader.js" data-pk="pk_yourkey"></script>
<div data-shoprocket="catalog" data-embed-id="emb_xxx"></div>
```

API-et er også tilgjengelig hvis du vil gå lenger (egne produktkort bygget med din egen markup, som henter data fra API-et vårt). Full programmatisk kontroll ligger i JS-SDK-et ([shoprocket-js](https://github.com/shoprocket/shoprocket-js)) for hendelser, manipulering av handlekurven og egne grensesnitt.

**Når dette nivået slår full headless:**

- Du har allerede et nettsted du liker (vil ikke bygge om frontenden)
- Du har ikke dedikerte frontendutviklere
- Kravene dine til brukeropplevelse passer med det widgeten viser
- Du vil ha handel i drift på uker, ikke kvartaler

**Når du bør gå videre til full headless:**

- Widgeten kan ikke nå brukeropplevelsen du trenger
- Du må vise produkter i sammenhenger widgeten ikke dekker (native mobilapp, kiosker, TV)
- Du har utviklingsteamet til å støtte det

## Slik avgjør du hvilket nivå du trenger

Spør deg selv to spørsmål:

1. **Ville kravene mine til brukeropplevelse passet inn i en rektangulær seksjon av det eksisterende nettstedet mitt?** Hvis ja, er widget-innebygd greit. Hvis nei, er du i full headless-territorium.
2. **Har jeg en dedikert frontendutvikler de neste 18 månedene?** Hvis nei, hopp over full headless uansett hva du tror du trenger.

Det andre spørsmålet er avgjørende. Full headless uten en frontendutvikler er en haug med teknisk gjeld som venter på å skje. Handelsplattformens leverandører vil hjelpe, men de kan ikke erstatte at noen eier den egenutviklede frontenden din.

## Hva med «composable commerce»

Samme idé, omdøpt for bedriftenes innkjøpssyklus. «Composable» = velg det beste i klassen for hver funksjon (CMS, søk, PIM, handlekurv, kasse, skatt) og koble dem sammen via API-er. Det fungerer når du har teamet til å koble dem. Det blir en vedlikeholdsbyrde når du ikke har det.

For butikker under ~$10M/year i omsetning er composable nesten alltid en feil. Integrasjonsflaten er enorm, og hvert bytte av leverandør ødelegger noe.

## Hvor Shoprocket står

Vi dekker nivå 1 og 2, og vi er ærlige på hvilket du bør velge.

**Nivå 2 (widget-innebygd), standarden for 95% av kundene våre.** Lim inn én script-tag, så vises widgeten inni det eksisterende nettstedet ditt. Katalog, handlekurv, kasse, søk, varianter, betalinger, alt håndtert. Fast abonnement fra $29/mo, 0% transaksjonsgebyrer. Dette er den raske veien og den riktige for de fleste butikker.

**Nivå 1 (full headless), teknisk støttet, sjelden anbefalt.** `@shoprocket/core`-SDK-et ([shoprocket-js](https://github.com/shoprocket/shoprocket-js)) eksponerer produkter, handlekurvtilstand og økter programmatisk. Du kan tegne hver eneste piksel selv og snakke direkte med API-et vårt. Samme faste abonnement dekker det.

**Hvorfor vi ikke presser nivå 1 selv om det fungerer:** å dekke alle spesialtilfeller i en egenutviklet frontend (lastetilstander, tomme handlekurver, grensesnitt for valg av variant, kasseflyter, feilhåndtering, tilgjengelighet, mobile visninger, i18n på tvers av 21 språkversjoner) er mye utviklingsarbeid. Widgeten har alt dette bakt inn, testet på tvers av tusenvis av butikker. Du reimplementerer et løst problem med mindre du har en konkret grunn knyttet til brukeropplevelsen til å la være.

Hvis du har den konkrete grunnen og dedikert utviklingskapasitet, finnes kjerne-SDK-et. Ellers: lim inn widgeten og gå videre.

> **Tips:** Hvis en leverandør kaller seg «headless» uten å kunne svare på «hvilket frontendrammeverk anbefaler dere?», er de sannsynligvis widget-innebygd. Det er greit; bare vit hva du kjøper.

## Kort fortalt

- **Full headless:** commercetools, Saleor, Medusa, Shopify Storefront API, BigCommerce Headless. Bare verdt det med konkrete behov for brukeropplevelse, flere kanaler, skala eller et dedikert utviklerteam.
- **Widget-innebygd:** Shoprocket, Snipcart, Ecwid. Det riktige svaret for de fleste butikker som «vil ha headless». Shoprocket støtter også full headless via kjerne-SDK-et for de sjeldne tilfellene du trenger det.
- **Tradisjonell:** Shopify + tema, BigCommerce + tema. Fortsatt den raskeste veien hvis du ikke har et nettsted ennå.

De fleste bedrifter som ber om headless vil egentlig ha det widget-innebygde nivået. [Start en gratis prøveperiode av Shoprocket](https://app-v3.shoprocket.io/signup) hvis det høres ut som deg. 14 dager, uten kort. [Priser](https://v3.shoprocket.io/nb/priser.md) fra $29.

---

- HTML version: https://v3.shoprocket.io/nb/blogg/headless-commerce-tre-nivaer-reelle-alternativer-og-hva-du-trenger
- Language: Norsk (nb)
- Also in: [العربية](https://v3.shoprocket.io/ar/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [Deutsch](https://v3.shoprocket.io/de/blog/headless-commerce-drei-stufen-optionen-entscheidung.md), [Ελληνικά](https://v3.shoprocket.io/el/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [English](https://v3.shoprocket.io/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [Español](https://v3.shoprocket.io/es/blog/headless-commerce-tres-niveles-opciones-reales.md), [Français](https://v3.shoprocket.io/fr/blog/commerce-headless-trois-niveaux-quelle-option-choisir.md), [עברית](https://v3.shoprocket.io/he/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [हिन्दी](https://v3.shoprocket.io/hi/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [Bahasa Indonesia](https://v3.shoprocket.io/id/blog/headless-commerce-tiga-tingkatan-pilihan-nyata-dan-mana-yang-anda-butuhkan.md), [Italiano](https://v3.shoprocket.io/it/blog/headless-commerce-tre-livelli-opzioni-reali-quale-scegliere.md), [日本語](https://v3.shoprocket.io/ja/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [Lietuvių](https://v3.shoprocket.io/lt/tinklarastis/headless-prekyba-trys-lygiai-ir-kuris-jums-tinka.md), [Nederlands](https://v3.shoprocket.io/nl/blog/headless-commerce-drie-niveaus-welke-past-bij-jou.md), [Polski](https://v3.shoprocket.io/pl/blog/headless-commerce-trzy-poziomy-realne-opcje-co-wybrac.md), [Português](https://v3.shoprocket.io/pt/blog/headless-commerce-tres-niveis-opcoes-reais-e-qual-voce-provavelmente-quer.md), [Română](https://v3.shoprocket.io/ro/blog/headless-commerce-cele-trei-niveluri-si-care-ti-trebuie.md), [Русский](https://v3.shoprocket.io/ru/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [ไทย](https://v3.shoprocket.io/th/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [Türkçe](https://v3.shoprocket.io/tr/blog/headless-ticaret-uc-kademe-gercek-secenekler-ve-hangisini-istiyorsunuz.md), [中文](https://v3.shoprocket.io/zh/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md)