The journal

Guides13 min readBy

How to Choose a Shopify Hydrogen Development Partner

Shopify Hydrogen lets you build a storefront as custom software while checkout stays on Shopify. Choosing the wrong partner means a slow build, a vague invoice and code you cannot move. Here is what to verify before you sign anything.

How to Choose a Shopify Hydrogen Development Partner

Key takeaways

  • Ask for a fixed price in writing before work starts. Not hourly billing, and not an open-ended estimate.
  • Confirm the agency has migrated a live store from a theme to headless before. Building new storefronts from a blank page is a different job.
  • Request real performance numbers, such as Lighthouse scores or before-and-after load times. A claim of being "fast" is not a number.
  • Check who owns the final code and where it is hosted. Some agencies keep the repository and charge to release it.
  • For Oleum Crete, Meant replaced a stock Shopify theme with a custom Hydrogen storefront, complete with guided selling, an editorial buy moment and a zero-downtime domain cutover.

What a Shopify Hydrogen Development Partner Builds, and Why the Choice Matters

Choose a Shopify Hydrogen development partner the way you would choose a software team, not a theme designer. There are four checks: a fixed price in writing, proof they have migrated a trading store, before-and-after performance numbers, and code that ends up in your name. We are Meant, a small senior studio that designs, builds and then markets headless Shopify storefronts. Those four checks are what we would ask of any agency, including ourselves.

Hydrogen in one line: a custom storefront with Shopify still handling checkout

Hydrogen is Shopify's React-based framework for building your own storefront. Shopify still runs products, inventory, payments and checkout. "Headless" means the front end, the part customers see, is separate from the back end, where orders live. Hydrogen and Oxygen are both free and open source. Oxygen is Shopify's hosting platform for deploying Hydrogen storefronts at the edge.

The practical effect is that your design stops at what you can imagine, not at what a theme allows. It is the same thinking behind our bespoke website design and development, applied to commerce. If you are still deciding on a plan tier, read how Shopify Hydrogen compares to Shopify Plus first. They solve different problems.

Why a bad Hydrogen build costs more to fix than a bad theme

A theme is a product. Someone else maintains it, and if it disappoints you can swap it for another. A Hydrogen storefront is software you own. Every product page, cart interaction, analytics event and redirect is code someone wrote. If they wrote it badly, the fix is a rewrite, and the next team has to read the last team's work before they can change anything.

Apps add a second layer of risk. Many Shopify apps work by injecting scripts into a theme. Once you go headless, each one has to be reconnected through an API, rebuilt or replaced. An agency that does not know which of your apps will survive will find out on your budget.

There is also an honest trade-off. If your store sells well on a theme and the theme is not what is holding you back, stay on it. Hydrogen earns its cost when the brand needs a buying experience a theme cannot deliver.

Fixed Price or Open-Ended: Get the Scope in Writing

Pricing structure is the first filter, because it tells you how the agency handles risk. Some agencies quote day rates, some give a range and some give a single number. Only a single, written number tells you what you will pay.

At Meant, our Headless Shopify (Hydrogen) storefronts are $6,000, fixed scope and fixed price, agreed in writing before any work begins, after a scoping call. We do not bill hourly.

What a written fixed-price scope should list

A useful scope is specific enough that two people reading it would agree on what gets delivered. It should name:

  • Pages and templates: home, collection, product, cart, account, content pages, landing pages.
  • Features: search, filtering, bundles, subscriptions, guided selling, multi-currency, bilingual content.
  • Apps: which ones carry over, which get rebuilt and which get dropped.
  • Integrations: email, reviews, analytics, CRM, stock or ERP systems.
  • Content: who writes the copy, who supplies photography and video, and when.
  • Migration tasks: redirects, metadata, structured data and the domain cutover.
  • Performance targets: the numbers the new storefront has to hit.
  • Revision rounds: how many there are and at which stages.
  • Exclusions: what is out of scope, stated in plain words.
  • Payment schedule, timeline and post-launch support.

If a quote is a single line that reads "Hydrogen storefront", it is a guess with a price attached.

Why hourly billing on a Hydrogen build tends to drift

Headless builds have unknowns: an app with no API, product data in poor shape, a checkout edge case nobody mentioned. Under hourly billing, every unknown becomes your cost. Under a fixed price, the agency has to find the unknowns before quoting, which is exactly the work you want done before anyone writes code.

The trade-off is real. Fixed scope means a mid-build idea becomes a change request, priced in writing. That is the point. You decide whether the idea is worth the money, rather than discovering it on an invoice.

Migration Experience: Moving a Live Store, Not Just Building a New One

Building a Hydrogen storefront on a demo store is a tutorial. Moving a trading store is a different job. A live store has customer accounts, order history, discount codes, gift cards, email flows and URLs that rank in search. A headless Shopify agency that has only done the first will learn the second on your store.

We wrote up the twelve questions that separate agencies that have shipped headless Shopify from those that have read about it. The ones below focus on Shopify Hydrogen migration specifically.

Questions to ask about a past theme-to-headless migration

  1. Which live store did you migrate, and can I see the before and after? An archived copy of the old site works if the agency has no screenshots.
  2. How did you map old URLs to new ones, and how did you test every redirect?
  3. Which apps did not survive the move, and what replaced them?
  4. How did you keep analytics and conversion tracking continuous across the switch?
  5. What happened to customer accounts, saved carts and active discount codes?
  6. What broke after launch, and how quickly was it fixed?

The last question matters most. Every migration has something go wrong. An agency that says nothing did is either new to this or not telling you.

Why a zero-downtime domain cutover is the real test

The cutover is the moment your domain stops pointing at the theme and starts pointing at the Hydrogen storefront. It involves DNS records, SSL certificates, live redirects, checkout routing and tracking, all at once. Done badly, it means hours of errors, broken links in customer emails and lost search rankings.

Ask how they plan it. A competent answer covers four things. The new storefront runs on a preview URL first. Every redirect is tested before the switch. The cutover is timed for low traffic. There is a rollback plan that keeps the old theme ready, so the domain can be pointed back if something fails. The Oleum Crete project ran a zero-downtime domain cutover alongside a rebuild of its technical SEO. Those two belong together.

Performance Benchmarks: What 'Fast' Should Actually Mean

Every Shopify Hydrogen development partner says their storefronts are fast. Ask them to prove it with numbers measured on mobile, on the same pages, before and after.

MetricWhat it measures, in plain termsWhat to ask for
Lighthouse performance score (mobile)A lab test on one simulated phoneBefore and after scores for home, collection and product pages
Largest Contentful Paint (LCP)How long until the main image or headline appearsField data from real visitors, not only lab results
Interaction to Next Paint (INP)How quickly the page responds to a tap or clickResults for add-to-cart and variant selection specifically
Cumulative Layout Shift (CLS)Whether content jumps around as the page loadsResults for product pages with images and reviews
Page weight on mobileHow much data a phone downloads per pageTotal weight and hero image weight, before and after
Conversion rate and revenue per sessionWhether the speed turned into salesComparison over matching periods

The numbers to request before and after a rebuild

Start with your current store. A serious agency will measure it before quoting, so you both know the baseline. Then put targets in the written scope. "Faster" is not a target. A specific score on specific pages, measured on mobile, is.

Keep the last row in view. A Lighthouse score is not revenue. Speed matters because slow pages lose buyers, and the only proof that a rebuild worked is what happened to sales.

How to read a Lighthouse or Core Web Vitals report in plain terms

Lighthouse is a lab test. It loads one page on one simulated phone and gives a score. It is useful for comparing versions, but it is not what your customers experience.

Core Web Vitals field data comes from real Chrome users visiting your site. Google groups each metric into good, needs improvement and poor. Field data is what Google uses for search, and it reflects real phones on real networks. If an agency only shows lab scores, ask for field data too.

Oleum Crete's custom Hydrogen storefront shows why the numbers need context. It has cinematic scrolling, guided selling across five pressings and an editorial buy moment with Apple Pay. A rich page and a fast page are not opposites, but only measurement settles which one you have.

Who Owns the Code, the Repository and the Hosting

Most founders skip this question until they try to leave an agency. Then they find the code sits in the agency's account, the hosting is billed through the agency, and getting a copy costs a release fee. Ask about this before you sign.

Where the code should live and who should have the keys

  • Repository: in a GitHub or GitLab organisation you own, with the agency added as a collaborator. Not in the agency's account with you invited as a guest.
  • Hosting: in your own account. Oxygen runs inside your Shopify admin and is available at no extra charge on paid Shopify plans. If the storefront is hosted on Vercel or elsewhere, the account should be in your name and on your card.
  • Domain and DNS: registered to your company, with you holding the login.
  • API tokens and environment variables: created in your Shopify admin and documented, so you can rotate them without asking anyone.
  • Analytics and ad accounts: opened in your name, so the data stays with you when the agency goes.

What to check before signing if you ever want to switch teams

Read the contract for four things. First, intellectual property in the code transfers to you on payment, with no ongoing licence fee. Second, the build uses public, documented packages rather than private libraries only the agency can maintain. Third, handover documentation is included: how to run the project locally, how to deploy, and where each integration is configured. Fourth, any retainer can be stopped with reasonable notice.

A good headless Shopify agency should be happy to sign all four. If one makes you nervous to ask, that tells you something.

Red Flags in a Hydrogen Agency's Portfolio and Pitch

Plenty of agencies list Hydrogen as a service. Fewer have shipped it to a store that takes real orders. The signs below are things you can observe for yourself. None of them is an accusation.

Signs the portfolio is templated or borrowed

  • "Headless" stores that are actually themes. A store built on a Liquid theme usually exposes a Shopify.theme object in its page source. A Hydrogen storefront does not. It takes one minute to check.
  • Demo stores instead of live clients. Ask for URLs of stores that are trading today.
  • The same layout across clients. Different logos on one structure suggest a starter kit with new paint.
  • Case studies full of adjectives and short on numbers. "Elegant" and "fast" are claims. Load times and sales figures are evidence.
  • Unclear authorship. Ask who will write your code. Some agencies sell the work and subcontract the build.

Questions that a real Hydrogen team answers without hesitation

  1. How do you cache product and collection data, and how quickly does a price change appear on the storefront?
  2. Which of my current apps work headless, and what do you replace the others with?
  3. How do you handle server rendering, sitemaps, structured data and redirects for SEO?
  4. How do you deploy, and do I get a preview link for every change before it goes live?
  5. What does maintenance look like after launch, and how do you handle Shopify API updates?
  6. What will the whole thing cost, in writing, and what is excluded?

A team that has shipped Hydrogen answers these from memory. A team that has not will promise to come back to you.

One honest note from our side. If you need a theme adjusted or a quick fix on an existing store, we are not the cheapest option, and a theme specialist may serve you better. We are the right fit when the storefront itself needs to become a better product and someone needs to market it once it is live.

Frequently asked questions

How much does a Shopify Hydrogen build typically cost?

It depends on the number of templates, features, apps and integrations in scope. A sound process is to get a written quote after a scoping call, with the number fixed before work starts rather than billed by the hour. At Meant, Headless Shopify (Hydrogen) builds start at $6,000, fixed price, confirmed after the scoping call. Hydrogen and Oxygen themselves are free and open source, so what you are paying for is the build and your Shopify plan, not the framework.

How long does a Shopify Hydrogen migration usually take?

It depends on scope. The biggest variables are how ready your content is, how many apps need replacing and how many URLs need redirects. A good partner puts the timeline in the written scope, with milestones and a planned cutover date, so you are not guessing.

Can I keep my existing Shopify checkout if I move to Hydrogen?

Yes. A Hydrogen storefront hands customers to Shopify's checkout, so your payments, discount logic and order handling stay where they are. How far you can customise the checkout itself depends on your Shopify plan, the same as it does on a theme.

Do I need Shopify Plus to use Hydrogen?

No. Oxygen hosting is available at no extra charge on paid Shopify plans, including Basic, Grow, Advanced and Plus. Plus adds other capabilities that some larger brands need, but it is not a requirement for going headless.

What happens to my SEO rankings during a headless migration?

Rankings hold when every old URL is kept or redirected, and when metadata, structured data and sitemaps are carried across. The new pages also need to be server-rendered so search engines can read them. Most of the risk sits in the domain cutover, which is why redirects should be tested before the switch and Search Console watched closely afterwards.

If you are weighing up a Hydrogen rebuild, talk to Meant and we will tell you straight whether it is worth it.

Get the next one.

One email when a new case study or guide goes up. No list, no newsletter filler.

No list, no filler. Reply to any entry and we will take you off.

Next article

CRM Integration Cost: What to Budget ForGuides
Στείλτε μας WhatsApp