Shopify Plus PartnerMagento Specialist
Hoppa till innehåll

Headless Shopify med Hydrogen — när frontend ska få fria händer

Headless Shopify innebär att vi kopplar bort temat och bygger frontend som en egen applikation mot Shopifys Storefront API — medan Shopify sköter kassa, betalning och order som vanligt. Med Hydrogen och Oxygen, Shopifys egen React-stack och edge-hosting, går det att bygga blixtsnabba, helt skräddarsydda upplevelser. Vi bygger headless när det löser ett verkligt problem — och säger ärligt ifrån när ett välbyggt tema räcker längre.

StihlSonaxL'OréalBurtonEivyKevin MurphySkeppshultMinerals by Nordic20graderDellbäckBjelinVoidLivioKDKahlsUSWECamp ScandinaviaBrightFärskvaruhusetMalte GustavssonTell Me MoreSorselestuganStihlSonaxL'OréalBurtonEivyKevin MurphySkeppshultMinerals by Nordic20graderDellbäckBjelinVoidLivioKDKahlsUSWECamp ScandinaviaBrightFärskvaruhusetMalte GustavssonTell Me MoreSorselestugan

Vad headless Shopify faktiskt är

I en vanlig Shopify-butik renderas sidorna av temat. Headless betyder att presentationslagret lyfts ut och byggs som en fristående frontend som hämtar produkter, priser och innehåll via API, medan Shopify behåller motorn — kassa, betalningar, lager och order. Ni byter alltså huvudet, inte hjärtat. Vinsten är total frihet i frontend; priset är att funktioner temat ger gratis nu byggs och förvaltas av oss.

  • Frontend som egen applikation — inget tak för design och funktion
  • Shopify kvar som backend för kassa, betalning, lager och order
  • Samma backend kan mata flera kanaler: webb, app, skärmar i butik

Shopifys headless-stack: Hydrogen, Oxygen och Storefront API

Shopify har en sammanhållen väg till headless, och vi bygger på den. Storefront API matar frontend med data. Hydrogen är Shopifys React-ramverk med färdiga byggstenar för varukorg, produktsidor och SEO. Oxygen är edge-hostingen som kör storefronten nära besökaren på ett globalt CDN. Det går att gå headless även med Next.js mot Storefront API, men för de flesta fall är Hydrogen och Oxygen den smidigaste vägen — gjorda för Shopify och för varandra.

  • Storefront API — produkter, priser, varukorg och kassa via API
  • Hydrogen — React-ramverket för själva storefronten
  • Oxygen — edge-hosting på globalt CDN för prestanda
  • Alternativ: Next.js mot Storefront API när ett konkret skäl finns

När headless Shopify lönar sig — och när det inte gör det

Vi är ärliga med avvägningen, för headless flyttar komplexitet från plattformen till bygget. Det lönar sig för etablerade varumärken — ofta på Plus — med konkreta krav på prestanda, en unik upplevelse temat inte klarar, eller flera kanaler som ska dela samma backend. Saknas de behoven blir headless oftast att betala för flexibilitet ingen utnyttjar, år efter år. Då rekommenderar vi ett välbyggt tema i stället — billigare, enklare och fullt snabbt nog.

  • Rätt när: prestanda i framkant, unik affärskritisk upplevelse, flerkanal
  • Rätt när: ni har resurser att förvalta en egen frontend över tid
  • Fel när: en standardbutik räcker — då är temat det klokare valet

Prestanda och SEO — där headless vinner och var det är riskabelt

En välbyggd headless-frontend på Oxygen når ofta LCP under 1,2 sekunder, mot en median runt 3 sekunder för vanliga teman — en verklig prestandavinst. Men en migrering till headless är känslig för SEO: många butiker ser en trafiksvacka på 3–6 månader medan Google crawlar om sajten, och felaktiga canonicals, hreflang, strukturerad data eller sitemaps kan sänka rankingen. Vi bygger med server-side rendering så att Google får färdig HTML, och planerar redirects, struktur och mätning från start så att synligheten följer med.

  • LCP ofta under 1,2 s på Oxygen mot ~3 s för vanliga teman
  • Server-side rendering så Google får fullständig HTML
  • 301-redirects, canonicals, hreflang och strukturerad data planerade från start
  • Mätning och Search Console-bevakning genom hela migreringen

Vår leverans — och ett pågående exempel

Vi tar headless-projekt från behovsanalys och arkitektur till bygge, migrering och drift, med Shopify kvar som motor. Ni får en fast kontaktperson, svenska avtal och full äganderätt till kod och butik. Ett pågående exempel ur vår egen verkstad: för det svenska nagellaksvarumärket Heylinn bygger vi en headless storefront på Hydrogen mot deras Shopify-backend — just en sådan varumärkesdriven D2C-situation där headless gör verklig skillnad. Och precis som alltid: vi bygger det bara när det löser ett verkligt problem.

  • Behovsanalys och arkitektur — är headless ens rätt för er?
  • Bygge på Hydrogen och Oxygen, eller Next.js när skäl finns
  • Migrering med bevarat SEO-värde och löpande förvaltning
  • Pågående Hydrogen-bygge för varumärket Heylinn

Levererat i skarp drift.

Alla caseEtt urval — 150+ projekt sedan 2016

Vad kunderna säger.

★★★★★
Vi har tillsammans med teamet arbetat mot en tydlig målbild — att skala upp och lansera i flera länder. Vi har nått våra mål och är idag ett betydligt effektivare och mer lönsamt bolag.
CA
Christian Amborg
VD, Arrak Outdoor
★★★★★
Vi har jobbat med Dahlquist under en längre tid och kan med säkerhet säga att vi inte kunde vara i bättre händer. Noggranna, tar initiativ och ställer alltid upp.
Marketing, Voidcycling.com
Fredrik Gustafsson
Marketing, Voidcycling.com
★★★★★
En riktigt bra partner inom e-handel & webb! Byggde vår Magento 2 med integration till vårt ERP. Rekommenderas varmt!
Kevin Murphy
Svante Pettersson
Kevin Murphy
★★★★★
Always helpful and easy to work with. Recommend Dahlquist to build your e-commerce. Love working with them.
CTO, Sonax
Erika Sorum
CTO, Sonax
★★★★★
Dahlquist är en lyhörd och ansvarstagande partner. Efter hårt gemensamt arbete är vi nu kostnadseffektiva med en digital lösning som stödjer vår affärsmodell.
Grundare, Dellbäck
Gustav Dellbäck
Grundare, Dellbäck
★★★★★
Vi ville ha en snabb, enkel och funktionell site. Att den verkligen fungerar är A och O för oss — vi och våra återförsäljare är mycket nöjda.
CTO, Skeppshultcykeln
Sven
CTO, Skeppshultcykeln
★★★★★
Jag har anlitat dom för att jobba med mina kunders e-handel, och de levererar exceptionella resultat — innovativa strategier och en genuint hands-on inställning.
SG
Shirin Ghanfili
Affärsutvecklingskonsult
★★★★★
Vi byggde vår Shopify med Dahlquist. Hög kompetens och noggrannhet, men alla möten är avslappnade och sköna. Rekommenderas!
VD, Utown Media
Johan Johansson
VD, Utown Media
★★★★★
Dahlquist hjälpte oss digitalisera vårt bolag och vi är supernöjda — idag är vi effektivare och lönsammare än någonsin. Extremt hög kompetens inom IT.
VD, Skyltkoncept
Magnus Andreasson
VD, Skyltkoncept
★★★★★
Fantastisk upplevelse med Dahlquist! Vi på Sunne Ski and Bike är otroligt nöjda med det arbete som Dahlquist gjorde när de byggde vår Shopify-butik. Från första mötet till färdig lösning levererade de på en professionell och personlig nivå. De lyssnade noggrant på våra behov och såg till att varje detalj var genomtänkt för att passa vårt varumärke och våra kunder. Inte bara blev vår webshop stilren och användarvänlig, utan Dahlquists team såg också till att allt fungerade smidigt tekniskt, vilket har lett till ökad försäljning och nöjdare kunder. Vi kan varmt rekommendera Dahlquist till alla som letar efter expertis inom e-handel. De överträffade verkligen våra förväntningar och vi är tacksamma för deras engagemang och fantastiska service!
SS
Sunne Ski & Bike
Ny Shopify-butik
★★★★★
Professional and yet personal communication and a perfect partner to help guide us in making our webshop. Whatever issue we throw at them, they have a solution.
B&
BIRD & ASH
Shopify-uppsättning
★★★★★
Så snabba och effektiva och priset sprang inte iväg. Så bra för mig som har ett litet företag.
HH
HELLO HILDUR
Ny Shopify-butik
★★★★★
Superbra service och kommunikation. Flexibla efter mina önskemål.
TA
Teklund Art
Shopify-uppsättning
★★★★★
Toppen bra service och fint bemötande! Peter har gjort ett super jobb och kommer lösa det sista!
VB
Viola Blomster & Design AB
Butiksmigrering
★★★★★
Väldigt nöjda!
RS
Roupéz Skidshop
Butiksmigrering

Innan ni bestämmer er.

Vad är headless Shopify?
Headless Shopify innebär att butikens frontend byggs som en fristående applikation mot Shopifys Storefront API, medan Shopify behåller kassa, betalning, lager och order. Presentationslagret — "huvudet" — lyfts ut och byggs separat, oftast med Hydrogen, vilket ger full frihet i design och funktion.
Vad är Hydrogen och Oxygen?
Hydrogen är Shopifys React-baserade ramverk för att bygga headless-storefronts, med färdiga byggstenar för varukorg, produktsidor och SEO. Oxygen är Shopifys edge-hosting som kör Hydrogen-storefronten på ett globalt CDN nära besökaren. Tillsammans är de Shopifys egen, sammanhållna väg till headless.
Behöver vi Shopify Plus för headless?
Storefront API och Hydrogen går att använda på vanliga Shopify-planer, men headless-projekt görs i praktiken oftast av Plus-varumärken — det är där volymen, kraven och resurserna att förvalta en egen frontend brukar finnas. Vi bedömer gärna om det är motiverat för er.
Tappar vi SEO om vi går headless?
Inte om det görs rätt. Risken finns vid migrering — många ser en trafiksvacka på 3–6 månader medan Google värderar om sajten. Vi bygger med server-side rendering så Google får färdig HTML, och planerar redirects, canonicals och strukturerad data från start så att rankingen följer med.

Fler tjänster och guider.

Få ett förslag på upplägg.

Svara på några snabba frågor så återkommer vi med en offert eller ett förslag inom en arbetsdag.

Steg 1 av 6

Var befinner ni er idag?

Hellre boka ett möte direkt? Kontakta oss.

Låt oss prata e-handel.

Berätta kort om ert projekt — kostnadsfritt och förutsättningslöst. Vi återkommer inom en arbetsdag.

Niklas Dahlquist

Niklas Dahlquist · Grundare & VD

Du pratar direkt med en senior partner.

Ett kostnadsfritt förmöte ger er:

  • Behovsanalys — mål, omfattning och rätt plattform
  • En realistisk tidsplan för leverans i etapper
  • Underlag för fast offert per etapp — utan förpliktelser
Ring direkt: +46 31-37 62 404
kontakt@dahlquist.se
Strömstadsvägen 48, 451 50 Uddevalla

Kontor i Uddevalla — 45 min från Göteborg. Vi levererar projekt i hela Sverige.

Rankad e-handelsbyrå — läs omdömena