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.










































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.
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.”
”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.”

”En riktigt bra partner inom e-handel & webb! Byggde vår Magento 2 med integration till vårt ERP. Rekommenderas varmt!”

”Always helpful and easy to work with. Recommend Dahlquist to build your e-commerce. Love working with them.”

”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.”

”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.”

”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.”
”Vi byggde vår Shopify med Dahlquist. Hög kompetens och noggrannhet, men alla möten är avslappnade och sköna. Rekommenderas!”

”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.”

”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!”
”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.”
”Så snabba och effektiva och priset sprang inte iväg. Så bra för mig som har ett litet företag.”
”Superbra service och kommunikation. Flexibla efter mina önskemål.”
”Toppen bra service och fint bemötande! Peter har gjort ett super jobb och kommer lösa det sista!”
”Väldigt nöjda!”
”We are very happy with our collaboration with Dahlquist. What we appreciate most is their responsiveness, speed and ability to quickly understand our business, our customers and the way we work. They have not simply built us a new website – they have created an e-commerce platform that is adapted to our business, our internal processes and the systems we work with every day. Throughout the project, Dahlquist has been solution-oriented, easy to communicate with and quick to turn ideas and needs into practical solutions. We also appreciate that they understand both the technical side of e-commerce and the commercial perspective. In a relatively short period of time, we have already seen a clear increase in our online sales, which gives us great confidence in the platform and its potential going forward. We can warmly recommend Dahlquist to any company looking for a responsive and knowledgeable e-commerce partner that takes the time to understand the business behind the website.”
”Jag valde helt rätt byrå för vårt projekt (som är under uppbyggnad). Tekniska proffs men med kunden i fokus. Hittills har allt vi önskat varit genomförbart. Riktigt nöjd med Dahlquist!”
”Grymt gäng som är snabba på att ge service för att lösa våra problem med vår webbshop. Kungar på Shopify!”
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.
Headless Shopify
Headless Shopify med Hydrogen, Oxygen och Storefront API — när det lönar sig, vad det kostar och hur vi bygger det utan att tappa SEO.
Läs merE-handelslösningar
E-handelslösningar på Shopify, Shopify Plus och Magento — kopplade mot ert affärssystem. B2B, B2C eller båda. 150+ projekt sedan 2016.
Läs merShopify Plus
Shopify Plus för volym, B2B och internationell handel: checkout-anpassning, Flow-automation och ERP-integration. Certifierad partner sedan 2016.
Läs merShopify-byrå
Shopify-byrå i Sverige, certifierad Shopify Plus Partner: fast offert, leverans i etapper och seniora utvecklare. Bakom bl.a. Turtle Wax och Stihl.
Läs merShopify B2B
Shopify B2B med company accounts, prislistor, fakturabetalning och en B2B-checkout som proffsköpare faktiskt använder.
Läs merE-handelsplattformar
Shopify, Magento, WooCommerce, Norce och Centra i en tabell: driftmodell, kostnad, B2B och vem de passar — så väljer ni rätt e-handelsplattform.
Läs merShopify-migreringar
Migrera till Shopify från WooCommerce, Magento, Norce eller Wikinggruppen. Säker datamigrering, 301-redirects och bevarad ranking.
Läs merGuider
Shopify Hydrogen: vad ramverket är och när det lönar sig
Shopify Hydrogen låter dig bygga en helt egen, headless storefront i React i stället för ett klassiskt Liquid-tema. Vi förklarar vad ramverket faktiskt är, väger friheten mot kostnaden och är ärliga om när det lönar sig — och när ett vanligt tema räcker.
Läs merHeadless commerce: vad det är och om du behöver det
Headless commerce framställs ofta som e-handelns framtid — men sanningen är att de flesta butiker inte behöver det. Vi förklarar vad headless faktiskt är, väger nyttan mot kostnaden och är tydliga med när det är rätt och när det bara är komplexitet.
Läs merFå 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.
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 · 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
Kontor i Uddevalla — 45 min från Göteborg. Vi levererar projekt i hela Sverige.



