---
title: "Hydrogen Goes Runtime-Agnostic: What That Actually Solves"
canonical_url: "https://www.laioutr.com/en/blog/hydrogen-rebuild-runtime-agnostic-shopify-frontend-2026"
locale: en
meta:
description: "Shopify and Vercel are rebuilding Hydrogen as an open, runtime-agnostic foundation. That fixes the runtime lock-in. What it does not fix: the frontend layer."
"og:description": "Shopify and Vercel are rebuilding Hydrogen as an open, runtime-agnostic foundation. That fixes the runtime lock-in. What it does not fix: the frontend layer."
"og:title": "Hydrogen Goes Runtime-Agnostic: What That Actually Solves"
---
# Hydrogen Goes Runtime-Agnostic: What That Actually Solves
Table of contents
1. [1.What was actually announced](#what-was-actually-announced)
2. [2.Why this is genuine progress](#why-this-is-genuine-progress)
3. [3.What the rebuild does not solve](#what-the-rebuild-does-not-solve)
4. [4.Where Laioutr comes in](#where-laioutr-comes-in)
5. [5.What you gain](#what-you-gain)
6. [6.FAQ](#faq)
7. [7.Next steps](#next-steps)
1. [1.What was actually announced](#what-was-actually-announced)
2. [2.Why this is genuine progress](#why-this-is-genuine-progress)
3. [3.What the rebuild does not solve](#what-the-rebuild-does-not-solve)
4. [4.Where Laioutr comes in](#where-laioutr-comes-in)
5. [5.What you gain](#what-you-gain)
6. [6.FAQ](#faq)
7. [7.Next steps](#next-steps)
Shopify and Vercel are rebuilding Hydrogen as an open, runtime-agnostic foundation. Hydrogen now deploys straight to Vercel, it is open source, and it works across frameworks: Svelte, Nuxt, Next.js, or your own setup. That is a real improvement, and it clears exactly the criticism that has followed Hydrogen since launch. What it does not clear is the layer one level up: the frontend layer you still rebuild for every storefront.
## What was actually announced
The core points from Vercel's briefing on the rebuild:
- **Hydrogen is runtime-agnostic.** Oxygen is no longer the only path to production. Deploying to Vercel is a first-class option.
- **Hydrogen is framework-open.** React-only is no longer a built-in assumption. It is a commerce foundation that different frameworks can sit on top of.
- **Open source as the base.** Developers and agents get a shared foundation instead of rewriting the commerce layer for every storefront.
- **Agents are part of the design.** The rebuild explicitly accounts for the fact that humans are no longer the only ones building storefronts.
For Shopify teams that used to pick between a Liquid theme and a custom build with no way back, this is a serious third option. Anyone who has looked at the cost side of that choice will see it quickly: we ran the numbers in [Shopify Frontend Cost: Theme vs. Headless](https://www.laioutr.com/en/blog/shopify-frontend-cost-theme-vs-headless), and the rebuild moves exactly one line item in that math, the runtime commitment.
## Why this is genuine progress
For two years we have heard the same sentence in discovery calls: "With Hydrogen we're glued to Shopify. If we ever want to switch, we start from zero." The rebuild takes half the sting out of that sentence. The runtime is no longer part of the deal. A team starting on Hydrogen today is not automatically locked to a single hosting layer tomorrow.
That Shopify is doing this openly and as open source, rather than keeping the runtime as a retention mechanism, is the right call. We mean that without irony: this is the move the market needed, and it came from the market leader.
## What the rebuild does not solve
Runtime-agnostic is not the same as backend-agnostic. And neither one is frontend management yet.
**1. The backend is still fixed.** Hydrogen is Shopify commerce logic. If your B2B business runs on an ERP-adjacent system, your DACH brand on Shopware, and your marketplace on something else again, a runtime-free Shopify frontend helps you with exactly one of those. The question of one frontend across several backends stays open.
**2. The frontend layer still gets built per storefront.** An open-source foundation takes the commerce layer off your plate, not the storefront on top of it. Navigation, campaign pages, editorial workflow, locale handling, design-token discipline across several brands: all of that is built again in every project. In our projects, that is the part that eats the weeks, not the Storefront API call.
**3. Editorial and marketing are not addressed.** The rebuild is a developer and agent story. It says nothing about how a content manager ships a campaign page on Thursday evening without filing a ticket. Treat the frontend layer as a code artifact and that work lives in the engineering backlog permanently.
**4. More choice means more decisions.** Svelte, Nuxt, Next.js, your own framework, Vercel or elsewhere: each of those axes is now your decision and your maintenance. For a team with platform capacity, that is a win. For a team of three, it is work nobody put on the plan.
## Where Laioutr comes in
Laioutr is a Frontend Management Platform (FMP): a control layer for the commerce frontend that sits above the backend instead of being part of it. Concretely, against the four points above:
**Backend-agnostic as architecture, not as a promise.** Our orchestration layer talks to more than 50 backends, Shopify included. You keep Shopify as the commerce engine and get the same storefront layer that also runs on Shopware or commercetools. The technical shape of that is on [Composability and Orchestration](https://www.laioutr.com/en/product/composability-orchestration).
**The frontend layer as a product, not a project.** Sections, blocks, component library, and deployment come as a platform, not as a repository template. The second storefront does not start from zero. For multi-brand and multi-market setups, that is the difference between weeks and quarters: [Multi-Brand and Multi-Market](https://www.laioutr.com/en/product/multi-brand-multi-market).
**Editorial without a developer ticket.** Campaign pages, landing pages, and content changes happen in Studio, with preview and approval. Engineering reviews and extends, but is not the bottleneck: [Content Management](https://www.laioutr.com/en/product/content-management).
**Consistency and performance as platform properties.** Design tokens and themes apply across every storefront instead of drifting per repository ([Brand Consistency](https://www.laioutr.com/en/product/brand-consistency)), and Core Web Vitals are a measured part of the platform rather than the result of an optimization round at the end of a project ([Performance and Core Web Vitals](https://www.laioutr.com/en/product/performance-core-web-vitals)).
If you want to weigh "Hydrogen or frontend layer" concretely for your team, we wrote that up before the rebuild in [Hydrogen vs. Laioutr: Which Frontend for Which Team?](https://www.laioutr.com/en/blog/hydrogen-vs-laioutr-which-frontend-for-which-team). The runtime row in it is now outdated by the announcement. The team and operations rows are not.
## What you gain
- **Runtime**. Hydrogen after the rebuild: your choice, Vercel as a first-class path. With Laioutr as the frontend layer: your choice, EU hosting included.
- **Backend**. Hydrogen after the rebuild: Shopify. With Laioutr as the frontend layer: 50+ backends, Shopify included, replaceable.
- **Second storefront**. Hydrogen after the rebuild: a new project on a shared foundation. With Laioutr as the frontend layer: configuration on an existing platform.
- **Campaign page**. Hydrogen after the rebuild: pull request. With Laioutr as the frontend layer: Studio, with preview and approval.
- **Operating model**. Hydrogen after the rebuild: your team runs the layer. With Laioutr as the frontend layer: a platform, with updates and support.
## FAQ
**Is Laioutr an alternative to Hydrogen or a complement?** An alternative at the frontend-layer level. You keep using the Shopify Storefront API as your data source, but you do not build the storefront as a separate Hydrogen project. Details on [Headless Frontend for Shopify](https://www.laioutr.com/en/headless-frontend-for-shopify).
**We already have a Hydrogen storefront. Was that wasted?** No. Data model, Storefront API access, and content structure stay usable. The switch affects the presentation and control layer, not the commerce integration.
**What does it cost?** Pricing and tiers are on the [Laioutr pricing page](https://www.laioutr.com/en/pricing). For a comparison against a custom build, the cost breakdown in the theme-vs-headless post linked above is a better basis than a list price.
**How long does it take?** Median under 14 days for a first storefront with founder support. With several brands or markets it depends on your data, not on the frontend.
**Does Shopify stay our backend?** Yes, as long as you want it to. That is the whole point: the decision stays reversible without rebuilding the frontend.
## Next steps
If your team is weighing whether the Hydrogen rebuild is the trigger for a rebuild of your own, book a 30-minute demo on [Headless Frontend for Shopify](https://www.laioutr.com/en/headless-frontend-for-shopify). We will walk your stack with you, and we will tell you when Hydrogen is the right call for your case.
### More from the Laioutr Platform
- [Composable Headless Frontend](https://www.laioutr.com/en/composable-headless-frontend)
- [Agentic Frontend Management Platform](https://www.laioutr.com/en/agentic-frontend-management-platform)
- [Headless Frontend for Shopify](https://www.laioutr.com/en/headless-frontend-for-shopify)
- [Composability and Orchestration](https://www.laioutr.com/en/product/composability-orchestration)
- [Content Management](https://www.laioutr.com/en/product/content-management)
**About the author:** Marcel Thiesies is Co-Founder of Laioutr. He works with DACH teams every day on the question of which part of the commerce stack really needs replacing and which part just needs better control.
---
Share this article
[Share on Facebook](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.laioutr.com%2Fen%2Fblog%2Fhydrogen-rebuild-runtime-agnostic-shopify-frontend-2026) [Share on X](https://x.com/intent/post?url=https%3A%2F%2Fwww.laioutr.com%2Fen%2Fblog%2Fhydrogen-rebuild-runtime-agnostic-shopify-frontend-2026&text=) [Share on LinkedIn](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.laioutr.com%2Fen%2Fblog%2Fhydrogen-rebuild-runtime-agnostic-shopify-frontend-2026) [Share on Pinterest](https://pinterest.com/pin/create/button/?url=https%3A%2F%2Fwww.laioutr.com%2Fen%2Fblog%2Fhydrogen-rebuild-runtime-agnostic-shopify-frontend-2026&description=) [Share via email](mailto:?subject=&body=%0A%0Ahttps%3A%2F%2Fwww.laioutr.com%2Fen%2Fblog%2Fhydrogen-rebuild-runtime-agnostic-shopify-frontend-2026)
## More interesting articles
Practical know-how for frontend development, smart agents, and headless
[To the blog](https://www.laioutr.com/en/blogs)
[iPhone Duo and Ecommerce: What Merchants Need to Know Now
iPhone Duo goes on sale on October 23, 2026. Online stores don't need a dedicated app or a custo…](https://www.laioutr.com/en/blog/iphone-duo-ecommerce-foldable-storefront)
[Structured Product Data: How It Shows Up in Your Storefront
Structured product data means every product fact lives in a typed attribute with a unit, a stable id…](https://www.laioutr.com/en/blog/structured-product-data-pim-frontend-2026)
[44% Decide via Trial or PoC: How to Run a Storefront PoC in DACH
In DACH, software decisions are increasingly made hands-on: in the study "Software Buying in DA…](https://www.laioutr.com/en/blog/storefront-proof-of-concept-dach-buyers-2026)
[Frontend Management Platform Comparison: How to Choose the Right FMP
Choosing a frontend management platform (FMP) is less about feature lists and more about where your …](https://www.laioutr.com/en/blog/frontend-management-platform-comparison-how-to-choose-2026)
[DAM, PIM, and CMS Are Converging: What It Means for Your Storefront
DAM, PIM, and CMS vendors are moving into each other's territory, and more teams now evaluate on…](https://www.laioutr.com/en/blog/dam-pim-cms-convergence-content-hub-storefront-2026)
[Contentful Live Preview: What Your Frontend Has to Deliver
Contentful Live Preview lets editors see a draft right next to the entry editor and watch changes ap…](https://www.laioutr.com/en/blog/contentful-live-preview-frontend-perspective-2026)
[Content Governance at Scale: Product Content and Brand Assets
Content governance at scale means that roles, approvals, brand rules, asset rights and translations …](https://www.laioutr.com/en/blog/content-governance-product-content-brand-assets-frontend-2026)
[AI Agents as Frontend Operators: Architecture and Control Model
An AI agent becomes a frontend operator when it watches the running storefront, spots concrete issue…](https://www.laioutr.com/en/blog/ai-agents-as-frontend-operators-2026)
[Shopping Agents Read Your Feed: What Agentic Commerce Changes
Agentic commerce adds a new reader to your product data: shopping agents in ChatGPT, Google AI Mode,…](https://www.laioutr.com/en/blog/shopping-agents-product-feeds-agentic-data-distribution-2026)
[Server-Side Tracking in E-Commerce: Making Measurement Complete Again
Server-side tracking moves the forwarding of analytics and conversion events from the visitor's …](https://www.laioutr.com/en/blog/server-side-tracking-ecommerce-complete-measurement-2026)
[Product Image Deep Links, Not ZIP Files: Assets That Stay Current
If you still send product images to retailers, marketplaces and press as ZIP files, every package st…](https://www.laioutr.com/en/blog/product-image-deeplinks-asset-distribution-2026)
[PrestaShop 8 to 9 Upgrade Without Replatforming: Decouple the Frontend
You can take most of the risk out of the PrestaShop 8 to 9 upgrade by moving the storefront off the …](https://www.laioutr.com/en/blog/prestashop-8-to-9-upgrade-without-replatforming-2026)
[Order Management With an OMS Like fulfillmenttools: The Frontend View
An efficient order management system decides which location fulfills an order, how much stock is rea…](https://www.laioutr.com/en/blog/order-management-fulfillmenttools-oms-frontend-2026)
[No Replatforming Budget in 2026? Why the Frontend Gets Approved
If your 2026 budget has no room for a replatforming project, you are not alone, and you do not have …](https://www.laioutr.com/en/blog/no-replatforming-budget-frontend-project-approval-2026)
[Garden Retail Order Management: What Your Storefront Must Show
In garden and DIY retail, one cart can hold a parcel item, a patio set that ships by freight, live p…](https://www.laioutr.com/en/blog/garden-retail-order-management-seasonal-frontend-2026)
[](https://www.laioutr.com/en/apps/shopify)
Laioutr
[Shopify](https://www.laioutr.com/en/apps/shopify)
Shopify is a commerce platform for selling online and in physical retail.
[](https://www.laioutr.com/en/apps/shopware)
Laioutr
[Shopware](https://www.laioutr.com/en/apps/shopware)
Shopware is a flexible ecommerce platform from Europe for product catalogs and omnichannel commerce.
[](https://www.laioutr.com/en/apps/adobe-commerce)
Laioutr
[Adobe Commerce](https://www.laioutr.com/en/apps/adobe-commerce)
Adobe Commerce is an enterprise commerce platform for complex, global B2C and B2B scenarios.
Planned
[](https://www.laioutr.com/en/apps/b2b-sellers)
Laioutr
[B2Bsellers](https://www.laioutr.com/en/apps/b2b-sellers)
B2B suite for Shopware that turns an online store into a professional B2B commerce platform.
Planned
[](https://www.laioutr.com/en/apps/commerce-layer)
Laioutr
[Commerce Layer](https://www.laioutr.com/en/apps/commerce-layer)
Commerce Layer is a headless commerce platform for making inventory and catalogs available online.
[](https://www.laioutr.com/en/apps/commercetools)
Laioutr
[Commercetools](https://www.laioutr.com/en/apps/commercetools)
Commercetools is a SaaS-based headless ecommerce platform used worldwide.
[](https://www.laioutr.com/en/apps/emporix)
Laioutr
[Emporix](https://www.laioutr.com/en/apps/emporix)
Emporix is a composable, API-first commerce platform for scalable B2B and B2C scenarios.
Planned
[](https://www.laioutr.com/en/apps/hcl-software)
Laioutr
[HCL Software](https://www.laioutr.com/en/apps/hcl-software)
Enterprise suite for digital commerce and experience with extensive configurability.
Planned
[](https://www.laioutr.com/en/apps/intershop)
Laioutr
[Intershop](https://www.laioutr.com/en/apps/intershop)
Enterprise commerce platform for complex B2B and B2C business models.
Planned
[](https://www.laioutr.com/en/apps/magento-2)
Laioutr
[Magento 2](https://www.laioutr.com/en/apps/magento-2)
Widely used, extensible commerce platform for B2C and B2B scenarios.
[](https://www.laioutr.com/en/apps/oxid-eshop)
Laioutr
[OXID eShop](https://www.laioutr.com/en/apps/oxid-eshop)
OXID eShop is an extensible commerce platform for complex B2B and B2C requirements.
Planned
[](https://www.laioutr.com/en/apps/patchworks)
Laioutr
[Patchworks](https://www.laioutr.com/en/apps/patchworks)
Patchworks is a low-code iPaaS that connects ecommerce, ERP, WMS, 3PL, and marketplaces.
Planned
[](https://www.laioutr.com/en/apps/PrestaShop)
Laioutr
[Prestashop](https://www.laioutr.com/en/apps/PrestaShop)
Open-source commerce platform for small and midsize merchants in Europe and beyond.
Planned
[](https://www.laioutr.com/en/apps/saleor)
Laioutr
[Saleor](https://www.laioutr.com/en/apps/saleor)
Open-source, API-first commerce platform built on GraphQL for custom storefronts.
Planned
[](https://www.laioutr.com/en/apps/salesforce-commerce-cloud)
Laioutr
[Salesforce Commerce Cloud](https://www.laioutr.com/en/apps/salesforce-commerce-cloud)
Salesforce Commerce Cloud is a cloud-based enterprise commerce platform for businesses of any size.
Planned
[](https://www.laioutr.com/en/apps/sap-commerce-cloud)
Laioutr
[SAP Commerce Cloud](https://www.laioutr.com/en/apps/sap-commerce-cloud)
Enterprise commerce platform for complex catalogs, pricing models, and omnichannel journeys.
Planned
[](https://www.laioutr.com/en/apps/scayle)
Laioutr
[Scayle](https://www.laioutr.com/en/apps/scayle)
SCAYLE is a commerce engine that helps brands and retailers scale their business.
Planned
[](https://www.laioutr.com/en/apps/spryker)
Laioutr
[Spryker](https://www.laioutr.com/en/apps/spryker)
Composable commerce platform for sophisticated B2B and B2C business models.
[](https://www.laioutr.com/en/apps/sylius)
Laioutr
[Sylius](https://www.laioutr.com/en/apps/sylius)
Sylius is a developer-friendly ecommerce framework for B2C and B2B shopping experiences.
Planned
[](https://www.laioutr.com/en/apps/vendure)
Laioutr
[Vendure](https://www.laioutr.com/en/apps/vendure)
Vendure is a headless commerce platform for businesses with complex requirements.
Coming Soon
[](https://www.laioutr.com/en/apps/vtex)
Laioutr
[VTEX](https://www.laioutr.com/en/apps/vtex)
Cloud-native, composable commerce platform for B2B and B2C at scale.
Planned
[](https://www.laioutr.com/en/apps/websale)
Laioutr
[Websale](https://www.laioutr.com/en/apps/websale)
Stable, enterprise-ready commerce backend for complex retail environments.
Strategy call
## Ready to turn your frontend into a control layer?
Show us your stack, your roadmap, your replatforming scenario, and we'll show you how Laioutr fits, what it costs, and how fast you go live.
*"After 30 minutes, we knew Laioutr makes our replatforming feasible." - Daniel B., CEO,* [*hygibox.de*](https://hygibox.de)
[Book a demo](https://www.laioutr.com/en/contact)
## Structured Data
```json
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "Organization",
"@id": "https://www.laioutr.com/#identity",
"name": "Laioutr",
"legalName": "Laioutr GmbH",
"url": "https://www.laioutr.com/",
"logo": {
"@type": "ImageObject",
"url": "https://www.laioutr.com/laioutr-logo.png",
"width": 400,
"height": 400
},
"email": "info@laioutr.com",
"telephone": "+49 30 75435715",
"address": {
"@type": "PostalAddress",
"streetAddress": "Münchweilersteig 5",
"postalCode": "12559",
"addressLocality": "Berlin",
"addressCountry": "DE"
},
"vatID": "DE450905846",
"sameAs": [
"https://www.linkedin.com/company/laioutr",
"https://www.youtube.com/@Laioutr",
"https://x.com/laioutr"
]
},
{
"@type": "WebSite",
"@id": "https://www.laioutr.com/en/#website",
"url": "https://www.laioutr.com/en/",
"name": "Laioutr",
"inLanguage": "en",
"publisher": {
"@id": "https://www.laioutr.com/#identity"
}
},
{
"@type": "BlogPosting",
"@id": "https://www.laioutr.com/en/blog/hydrogen-rebuild-runtime-agnostic-shopify-frontend-2026#article",
"headline": "Hydrogen Goes Runtime-Agnostic: What That Actually Solves",
"description": "Shopify and Vercel are rebuilding Hydrogen as an open, runtime-agnostic foundation. That fixes the runtime lock-in. What it does not fix: the frontend layer.",
"image": [
"https://eu-west-2.graphassets.com/cmii2mlqi0dux06l5543v7nkc/cmtr06jy7xvzp06mefv3nz8cq"
],
"datePublished": "2026-09-07T08:54:06.069179+00:00",
"dateModified": "2026-09-07T08:54:05.541246+00:00",
"inLanguage": "en",
"articleSection": "Insights",
"keywords": "Shopify, Frontend Management, Composable, Storefront Experience, Industry & Trends",
"author": {
"@type": "Person",
"name": "Marcel Thiesies",
"jobTitle": "Co-Founder & CEO, Laioutr",
"image": "https://eu-west-2.graphassets.com/cmii2mlqi0dux06l5543v7nkc/cmj01b962364n07lb0iguvts5"
},
"publisher": {
"@id": "https://www.laioutr.com/#identity"
},
"mainEntityOfPage": {
"@id": "https://www.laioutr.com/en/blog/hydrogen-rebuild-runtime-agnostic-shopify-frontend-2026#webpage"
},
"isPartOf": {
"@id": "https://www.laioutr.com/en/#website"
}
},
{
"@type": "WebPage",
"@id": "https://www.laioutr.com/en/blog/hydrogen-rebuild-runtime-agnostic-shopify-frontend-2026#webpage",
"url": "https://www.laioutr.com/en/blog/hydrogen-rebuild-runtime-agnostic-shopify-frontend-2026",
"name": "Hydrogen Goes Runtime-Agnostic: What That Actually Solves",
"description": "Shopify and Vercel are rebuilding Hydrogen as an open, runtime-agnostic foundation. That fixes the runtime lock-in. What it does not fix: the frontend layer.",
"inLanguage": "en",
"isPartOf": {
"@id": "https://www.laioutr.com/en/#website"
},
"breadcrumb": {
"@id": "https://www.laioutr.com/en/blog/hydrogen-rebuild-runtime-agnostic-shopify-frontend-2026#breadcrumb"
},
"primaryImageOfPage": {
"@type": "ImageObject",
"url": "https://eu-west-2.graphassets.com/cmii2mlqi0dux06l5543v7nkc/cmtr06jy7xvzp06mefv3nz8cq"
},
"datePublished": "2026-09-07T08:54:06.069179+00:00",
"dateModified": "2026-09-07T08:54:05.541246+00:00",
"mainEntity": {
"@id": "https://www.laioutr.com/en/blog/hydrogen-rebuild-runtime-agnostic-shopify-frontend-2026#article"
}
},
{
"@type": "BreadcrumbList",
"@id": "https://www.laioutr.com/en/blog/hydrogen-rebuild-runtime-agnostic-shopify-frontend-2026#breadcrumb",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Laioutr",
"item": "https://www.laioutr.com/en/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Insights",
"item": "https://www.laioutr.com/en/blogs/insights"
},
{
"@type": "ListItem",
"position": 3,
"name": "Hydrogen Goes Runtime-Agnostic: What That Actually Solves"
}
]
}
]
}
```