Hydrogen-alternativ för Norce- och Shopware-team

Hydrogen är Shopifys React-baserade ramverk för att bygga skräddarsydda headless-storefronts. Det är det naturliga valet för Shopify-handlare. Frntkey är en Vue och Nuxt frontend-as-a-service för Norce Commerce- och Shopware-handlare. De två produkterna täcker olika backends och använder olika stack.

Vue och Nuxt
Norce + Shopware native
Vercel edge-hosting
Implementation ingår

Fördelar

Byggd för Norce och Shopware

Hydrogen fungerar bara med Shopify. Frntkey är byggd för Norce Commerce och Shopware, med Shopify projektbaserat. Är din backend något annat än Shopify är Hydrogen inte ett alternativ. Det är Frntkey.

Vue och Nuxt, inte React

Hydrogen är ett React-ramverk på React Router 7. Frntkey är byggd på Vue och Nuxt. Båda stackarna är mogna och välstödda, men valet påverkar rekrytering, långsiktig förvaltning och resten av din utvecklingsorganisation.

Vercel-hosting och byråleverans

Hydrogen-storefronts körs på Shopifys Oxygen-edge. Frntkey körs på Vercel och levereras med implementation av Nordic Web Team. Du får en produktlicens och ett team som byggt dussintals headless-butiker, inte ett ramverk du sätter ihop själv.

Storyblok CMS ingår

Frntkey bundlar Storyblok med färdiga block, flerspråksstöd, AI-baserad översättning, kampanjnedräkningar och tidsstyrt innehåll. Hydrogen är bara frontend-lagret. Att para det med ett CMS som Sanity, Contentful eller Storyblok är ett separat scope och en separat leverantörsrelation. Med Frntkey ingår CMS-avtalet, integrationen och biblioteket av färdiga block i samma produkt.

Vad Hydrogen är

Hydrogen är Shopifys open source-ramverk för att bygga skräddarsydda headless-storefronts på Shopify. Det distribueras som @shopify/hydrogen-paketet på npm och bygger på React Router 7. Hydrogen-butiker läser data från Shopify via Storefront API och Customer Account API.

Hydrogen paras naturligt med Oxygen, Shopifys globala edge-hostingplattform på Cloudflares workerd-runtime. Oxygen ingår utan extra kostnad i alla betalda Shopify-planer, vilket gör kombinationen Hydrogen och Oxygen gratis på ramverks- och hostingnivå för Shopify-handlare. Hydrogen släpps på en kvartalsbaserad kalenderversionerad releasecykel.

Produkten är mogen. Varumärken som Allbirds och Gymshark har kört Hydrogen i produktion. För Shopify-handlare som vill ha en custom storefront med full React-kontroll är Hydrogen det självklara valet och det Shopify rekommenderar.

Där Frntkey skiljer sig

Frntkey är en frontend-as-a-service för headless e-handel, byggd på Vue och Nuxt. De primära backendarna är Norce Commerce och Shopware. Shopify kan kopplas in projektbaserat, men det är inte standardintegrationen. Detta är headless-arkitektur levererat som produkt, inte som ramverk.

De praktiska skillnaderna mot Hydrogen:

Backend-omfång. Hydrogen är Shopify-only by design. Frntkey är Norce-och-Shopware-first, med andra API-first-motorer projektbaserat.
Ramverk. React Router 7 mot Vue och Nuxt. Båda är trovärdiga långsiktiga val, men de påverkar rekrytering olika beroende på region och team.
Hosting. Hydrogen på Oxygen är tätt kopplat till Shopifys edge-runtime med Shopify-specifika bindings. Frntkey körs på Vercels edge med neutralt CDN-beteende.
Leveransmodell. Hydrogen är ett ramverk. Du bygger storefronten själv, eller anlitar en Shopify-byrå. Frntkey är en produktlicens som inkluderar implementation av Nordic Web Team.
CMS ingår. Varje Frntkey-projekt inkluderar Storyblok med färdiga block, flerspråksstöd och tidsstyrt innehåll. Hydrogen har inget bundlat CMS och paras typiskt med Sanity, Contentful eller Storyblok separat.
B2B. Frntkey har färdiga B2B-funktioner som prislistor, orderhistorik, quickorder, fakturabetalning och kundspecifik prissättning. I Hydrogen byggs de per projekt, ofta mot Shopifys B2B-on-Plus.

Jämförelse sida vid sida

Dimension	Hydrogen	Frntkey
Kategori	Shopify React-ramverk	Decoupled frontend-as-a-service
Arkitektur	React Router 7-ramverk (gör-det-själv-uppsättning)	Separat Nuxt-app, API-kopplad, levererad färdig
Backend-stöd	Bara Shopify och Shopify Plus	Norce (native), Shopware, Shopify projektbaserat
Backend-portabilitet	Låst till Shopify	Frontend överlever ett backendbyte
Frontend-hosting	Oxygen (Shopify edge på Cloudflare workerd)	Vercels edge-nätverk
Frontend-stack	React Router 7 (TypeScript)	Vue + Nuxt + Tailwind CSS
CMS ingår	Inget (paras med Sanity / Contentful / Storyblok separat)	Storyblok ingår med färdiga block
Leveransmodell	Ramverk du bygger med (DIY eller hyr Shopify-byrå)	Produktlicens + implementation av Nordic Web Team

När Hydrogen är rätt val

Det finns tydliga fall där Hydrogen vinner:

Backenden är Shopify eller Shopify Plus och det ändras inte.
Teamet är React-vana, med erfarenhet av React Router (eller Remix dessförinnan).
Du vill ha Oxygens kostnadsfria edge-hosting som ingår i betalda Shopify-planer.
Du vill ha förstapartsstöd från Shopify för ramverket, inklusive funktioner som Storefront MCP för AI-handelsassistenter.

Det är riktiga skäl. Stämmer de är Hydrogen nästan alltid rätt svar. Frntkey försöker inte vara en bättre Shopify-frontend än Hydrogen.

När Frntkey är rätt val

Frntkey passar bättre när:

Backenden är Norce eller Shopware, eller är på väg dit.
Teamet föredrar Vue och Nuxt framför React, eller vill bemanna med nordiska frontend-utvecklare.
Du vill ha en partner som levererar implementationen, inte ett ramverk att bygga mot.
B2B-funktioner ska vara klara från start, inte byggas per projekt.
Nordiska betalningar, checkout, sök och CRM som Klarna, Walley, Vipps, Voyado, Hello Retail och Lipscore är en del av kravbilden.

Ärlig sammanfattning

Hydrogen är Shopifys förstapartsramverk för headless. Är Shopify backenden är Hydrogen rätt utgångspunkt. Frntkey är inte en Shopify-first-produkt och försöker inte vara det.

Är backenden Norce eller Shopware, och teamet vill ha en produktifierad frontend istället för ett ramverk att bygga mot, är Frntkey fallet att utvärdera.

Vanliga frågor

Vill du prata?

Se hur Frntkey passar din stack. Boka 30 minuter.

Boka demo