Headless Shopify Development for UK Brands
Hydrogen or Next.js storefronts for UK brands that have outgrown their theme, on Shopify’s own checkout. Shopify keeps orders, so Xero or Sage, Linnworks or Mintsoft, and your Royal Mail, DPD and Evri labels carry on untouched.

What is headless Shopify development, and who is it for in the UK?
Headless Shopify development replaces the Liquid theme with a separate front end, usually built on Shopify Hydrogen or Next.js, that reads products and carts through Shopify’s Storefront API. Shoppers still pay in Shopify’s checkout, so orders, stock and back-office links stay as they are. It suits established UK brands with content-heavy sites, several markets or trade catalogues that a theme cannot carry.
Sources, read on 29 October 2026: Shopify Dev: Storefront API reference; Shopify Dev: manage a cart with the Storefront API; Shopify Dev: Hydrogen and Oxygen fundamentals.
The Storefront API is the door Shopify opens for custom front ends to read products, prices and carts. Hydrogen is Shopify’s own framework for those front ends. Oxygen is Shopify’s hosting for Hydrogen shops. A headless CMS is a content editor with no fixed page design, so the same words can feed the website, emails and apps.
Most of the work in a headless project is the list of things a theme gave you for free that now need an owner: the reviews widget, the bundle builder, the cookie banner, the delivery charge shown on the product page. We write that list before we quote, and every line on it gets a decision.
- 500+
businesses served by FactoryJet
About FactoryJet - No extra charge
is how Shopify describes Oxygen hosting for Hydrogen shops on paid plans
Shopify Dev, Hydrogen fundamentals - 2.5 s
is Google’s good threshold for Largest Contentful Paint, at the 75th percentile
web.dev, Web Vitals - 10%
of turnover, or £300,000 if greater, is the CMA’s maximum fine for hiding charges
GOV.UK, CMA price guidance
What stays in Shopify when the storefront goes headless
UK retailers ask this first, and with reason. A typical store has years of work in its accounts link, its warehouse system and its marketplace feeds. Headless changes the pages shoppers see. It does not change where orders are created, because Shopify’s documentation says the cart hands every buyer to Shopify’s web checkout.
Swipe sideways to see every column.
| Area | After going headless | Why |
|---|---|---|
| Products, prices, stock | Shopify admin | Read by the storefront through the Storefront API. |
| Checkout and payment | Shopify checkout | The cart hands the buyer a checkout URL. |
| Orders and refunds | Shopify admin | Created by checkout, exactly as on a theme. |
| Accounts: Xero, Sage, QuickBooks UK | Unchanged | They read Shopify orders, not the theme. |
| Fulfilment: Linnworks, Mintsoft, Brightpearl | Unchanged | Royal Mail, DPD and Evri labels still come from the same orders. |
| Marketplaces: Amazon.co.uk, eBay UK, OnBuy | Unchanged | Channel feeds connect to Shopify or your listing tool, not the front end. |
| Storefront widgets | Rebuilt | Reviews, wishlists and bundle builders move to their apps’ APIs. |
| Page content | Moves to a CMS | Edited by marketing, published on a schedule. |
We test every one of these on staging before launch. A connection that writes back to the theme, such as a stock badge injected by a script, is the kind of thing that shows up there.
Sources, read on 29 October 2026: Shopify Dev: manage a cart with the Storefront API; Shopify Dev: Storefront API reference; Shopify Dev: theme app extensions.
Hydrogen, Next.js or a Liquid theme: a side-by-side for UK brands
UK buyers comparing headless options ask about pricing, Liquid versus headless, the Storefront API and Oxygen. This table answers those in one place.
Swipe sideways to see every column.
| Question | Liquid theme | Hydrogen on Oxygen | Next.js on your cloud |
|---|---|---|---|
| What it is | A Shopify Online Store theme, edited in the theme editor | A React Router app preconfigured with Shopify features | A Next.js app that reads Shopify through the Storefront API |
| Hosting | Shopify’s online store | Oxygen, at no extra charge on paid Shopify plans | Your own cloud account, at cost |
| Checkout | Shopify checkout | Shopify checkout, through the cart’s checkout URL | Shopify checkout, through the cart’s checkout URL |
| Theme app extensions | Supported on Online Store 2.0 themes | Not a theme: widgets rebuilt through app APIs | Not a theme: widgets rebuilt through app APIs |
| Who edits pages | Theme editor sections | A headless CMS or structured content fields | A headless CMS or structured content fields |
| Best fit | Standard templates, app-heavy stores, no in-house code owner | Brands that want Shopify for platform and hosting | Content-led brands, an existing Next.js site, own cloud |
Sources, read on 29 October 2026: Shopify Dev: Hydrogen and Oxygen fundamentals; Shopify Dev: manage a cart with the Storefront API; Shopify Dev: theme app extensions.
When we recommend Hydrogen
You want one supplier for the commerce platform and the hosting. Shopify’s documentation lists Oxygen on every paid plan from Starter to Plus and says it carries no extra charge, so there is no second hosting contract to manage. Hydrogen is Shopify’s own framework, so the platform and the storefront toolkit come from one place. The current Storefront API version on 29 October 2026 was 2026-10.
When we recommend Next.js
Content is the product as much as the catalogue: buying guides, recipes, lookbooks, trade resources. Or you already run a Next.js marketing site, or your group policy says everything runs in your own cloud account. The shop then sits inside a wider site, still reading Shopify through the Storefront API and still sending buyers to Shopify checkout.
When we recommend staying on Liquid
Your pages are standard templates, your store relies on theme app blocks and nobody owns code on your side. A strong Online Store 2.0 theme will serve you better, and our UK Shopify development team builds those.

Four layers on one page: the front end, the Storefront API, Shopify checkout and the back office. The scoping call ends with this drawing for your store, with an owner on every box.
Three UK rules a theme handled for you that a headless front end must build in
A Liquid theme comes with years of settings for prices, banners and tracking. A headless front end starts blank, so each rule below becomes a line in the scope with a test against it.
Total prices, including delivery, on the product page
The CMA’s guidance on the Digital Markets, Competition and Consumers Act says the invitation to purchase must give the total price, normally including unavoidable charges. It says mandatory delivery charges must be included there too, and in the total price when you can reasonably work them out. Hiding fees, taxes or other charges is illegal, and fines reach 10% of turnover or £300,000, whichever is greater. On a headless build we decide with you where delivery is shown on product and collection pages, and we test the prices shoppers see against the checkout total.
Cookie consent before tracking starts
The ICO’s guidance on cookies and similar technologies, updated for the Data (Use and Access) Act and finalised in April 2026, describes a statistical purposes exception. That exception needs clear information about the purpose and a simple, free way to object. Advertising tags still need consent. Shopify’s Hydrogen analytics guide says to meet consent rules before tracking begins, and offers its Customer Privacy API and native cookie banner, or a third-party consent tool. We wire the banner, Google tags and Meta pixel to the same consent state.
VAT records stay where they were
GOV.UK says VAT-registered businesses must use compatible software to keep VAT records and file VAT Returns under Making Tax Digital. Headless does not touch this: orders still complete in Shopify, so the route into Xero, Sage or QuickBooks UK is unchanged. If that route needs work, our Shopify Xero integration page covers it.
Sources, read on 29 October 2026: GOV.UK (CMA): Providing clear and accurate information about prices, summary; ICO: guidance on the use of storage and access technologies; ICO: what are the exceptions?; Shopify Dev: analytics with Hydrogen and Oxygen; GOV.UK: software for Making Tax Digital for VAT.
What headless Shopify development costs in the UK, from published figures
Few UK agencies publish a headless price. One that does is Imaginaire, in Nottingham. On 29 October 2026 its page said headless Shopify projects start from £60k, with most falling between £80k and £160k. It splits them into £60k to £120k for catalogues up to 1,000 products or variants, and £120k to £250k for larger catalogues, data clean-up or features built on top of Shopify. The page does not say whether VAT is included.
Platform fees sit on top. Shopify’s UK pricing page showed Advanced at £259 a month billed yearly and Plus starting at £1,800 a month, without saying whether VAT is added. Oxygen hosting for Hydrogen carries no extra charge on paid plans, per Shopify’s documentation.
FactoryJet quotes a fixed price per phase in writing after a short scoping call. Phase one is usually the home, collection, product and cart pages on your real catalogue, so you can judge the work before committing to the rest.
Sources, read on 29 October 2026: Imaginaire (Nottingham): headless Shopify development; Shopify UK: pricing; Shopify Dev: Hydrogen and Oxygen fundamentals.
Prices only compare when the scope does. Put these questions to every agency you talk to, us included, and compare the answers line by line.
- Which of our apps carry on, which get rebuilt, and which get dropped?
- Where are delivery charges shown before checkout?
- Which consent tool controls our Google tags and Meta pixel?
- How will you test orders into our accounts and warehouse systems before launch?
- Who owns the code and the hosting account on day one?
Next step
Send your app list and catalogue size. We reply with the stack and a phase one quote.
Tell us your Shopify plan, the apps on your store and the systems around it. On a short call with the founder we say whether Hydrogen, Next.js or a better theme is the right job, and we quote phase one as a fixed price if there is work for us.
How a headless project with FactoryJet works
A draft before you sign
Working software on your own data: your home, collection and product pages running on your real Shopify catalogue.
Fixed price per phase
Each phase is scoped, priced and signed on its own. You can stop after any phase with working code in hand.
You own the code from day one
The repository is yours. Hosting can run in your own Oxygen setup or cloud account, at cost, with no markup.
Defects covered, support optional
Defects are fixed inside the build price for a cover period agreed before work starts. Support afterwards is optional, each change is quoted and approved, and there is no monthly minimum.
What to put in a headless Shopify brief or RFP
The fastest quotes come from written briefs. If you are running a tender, upload your RFP with the form and we reply to every requirement in your format. If you have no brief yet, the list on the right is enough to start.
How we build a headless Shopify store, in seven steps
Steps one to three happen before any contract. Steps four to seven are phases, each with its own fixed price.
- 01
Audit the store you have
We list every template, app, script and connection on the live theme, and mark each one keep, rebuild, replace or drop. This list is the scope.
- 02
Draw the four layers
Front end, Storefront API, Shopify checkout and back office, with an owner for each box and each kind of content. You sign the drawing before anything is built.
- 03
Show a draft on your data
Before a contract, we show working software on your own data: home, collection and product pages running on your real Shopify catalogue.
- 04
Build phase one
Core templates, cart and the hand-off to Shopify checkout, with total prices and delivery charges shown the way the CMA guidance asks.
- 05
Rebuild the widgets and content
Reviews, wishlists, bundles and search through their apps’ APIs, plus the CMS your marketing team will edit in, and the consent banner wired to every tag.
- 06
Test the back office end to end
Real test orders through checkout into Xero or Sage, Linnworks or Mintsoft, and a courier label from Royal Mail, DPD or Evri, before the domain moves.
- 07
Launch, watch, stay on
We move the domain, keep redirects for every old URL, and watch Core Web Vitals and orders through the first weeks. Support after that is your choice.
Commerce we have built: UK trade stores and a US Shopify store
The two UK projects below are not Shopify builds. Both show trade buyers ordering at their own prices, one on Commerceflo and one on WooCommerce reading stock and prices from Odoo. Our Shopify example is a US store on a custom theme, not a headless build.
GPSUK
A trade storefront on Commerceflo, where UK business buyers log in, see their own account prices and reorder promotional products. Live, with SEO and AI search work continuing.
Sow Easy
A UK wholesale client: a WordPress WooCommerce trade store with Odoo as the source of stock, pricing and SKUs. The Odoo integration is tested against Odoo’s staging system, launch still ahead.
DTF Virginia (Shopify, United States)
A custom Shopify theme for a print shop in Hampton, Virginia that sells DTF transfers, patches and stickers. Buyers build their own gang sheets (one print sheet packed with many designs) at each transfer size, and resellers can sign up for an account.
Related UK pages: Shopify Plus, moving a store to Shopify, B2B ecommerce and ecommerce development. For US buyers, see headless Shopify development in the US.
Sources, read on 29 October 2026
Every price, plan detail, platform behaviour and legal rule on this page was read on the pages below that day. Prices and rules change, so open the linked page before you act on a figure.
- Shopify Dev: Hydrogen and Oxygen fundamentals
- Shopify Dev: Storefront API reference
- Shopify Dev: manage a cart with the Storefront API
- Shopify Dev: analytics with Hydrogen and Oxygen
- Shopify Dev: theme app extensions
- Shopify UK: pricing
- web.dev: Web Vitals
- GOV.UK (CMA): Providing clear and accurate information about prices, summary
- ICO: guidance on the use of storage and access technologies
- ICO: what are the exceptions?
- GOV.UK: software for Making Tax Digital for VAT
- Shopify Dev: Shopify Markets with the Storefront API (read 31 October 2026)
- Shopify Dev: dynamic content with metaobjects in Hydrogen (read 31 October 2026)
- Imaginaire (Nottingham): headless Shopify development
Headless Shopify questions from UK retailers and brands
Headless Shopify basics
What is a headless Shopify store?
Headless Shopify means the shop front customers see is a separate website, while Shopify still runs products, stock, orders and checkout behind it. The front end reads data through Shopify’s Storefront API. When a shopper pays, Shopify’s documentation says the cart returns a URL that redirects them through Shopify’s web checkout. Your Liquid theme goes. Your Shopify admin, order flow and back-office connections stay.
What is Shopify Hydrogen?
Hydrogen is Shopify’s own framework for headless shops. Shopify’s documentation calls Hydrogen projects React Router apps preconfigured with Shopify features (React Router is a common open-source toolkit for building web apps), and says it provides ready-made components wired to Shopify data. The design is still custom: Hydrogen gives the building blocks, and we build your pages on them. Most Hydrogen shops run on Oxygen, Shopify’s edge hosting, which Shopify says is available at no extra charge on paid plans.
Is Shopify Hydrogen good, or should we use Next.js?
Both are sound choices for an established brand. Hydrogen is maintained by Shopify, hosts on Oxygen and suits a team that wants one supplier for platform and hosting. Next.js suits a brand that already runs a Next.js marketing site, wants a CMS-led content site with a shop inside it, or hosts on its own cloud account. We recommend one after reading your catalogue, content plan and in-house skills.
Do we need Shopify Plus to go headless?
No. Shopify’s Hydrogen documentation lists Oxygen hosting on the Starter, Basic, Grow, Advanced and Plus plans, and on development stores. Moving to Plus is a separate decision about your store’s size and needs. Shopify’s UK pricing page shows Plus starting at £1,800 a month on a monthly plan, read on 29 October 2026. That page does not say whether VAT is added, so check your Shopify bill.
Headless Shopify or a Liquid theme: what changes for our team?
Merchandisers keep working in the Shopify admin for products, prices, discounts and orders. What changes is page building. Theme editor sections are gone, so landing pages and content are edited in a headless CMS or in fields we set up for you. Developers work in a code repository instead of the theme editor. We train the team before launch and write down who edits what.
When is headless Shopify the wrong choice?
When a good Online Store 2.0 theme already does the job. If your pages are standard product and collection templates, your apps depend on theme blocks and nobody on your side owns code, headless adds cost without a return you can measure. We say so on the first call and point you to theme work on our UK Shopify development page instead.
Which headless CMS should we use with Shopify?
Pick the CMS by who edits and how much content you publish. Shopify’s own content entries, called metaobjects, can feed a Hydrogen site, and Shopify publishes a recipe for building section-based pages with them, so a small content team may need no extra system. A brand publishing buying guides every week often wants a separate headless CMS with a visual editor. We recommend one after seeing your content plan.
Cost and timeline
How much does headless Shopify development cost in the UK?
One UK agency publishes figures. Imaginaire, based in Nottingham, says its headless Shopify projects start from £60k, with most between £80k and £160k, and complex catalogues over 1,000 products at £120k to £250k. Its page does not say whether VAT is included. These are market figures, read on 29 October 2026. FactoryJet quotes a fixed price per phase in writing after a short scoping call.
What drives the price of a headless build up or down?
Four things: the number of distinct page templates, the size and messiness of the catalogue, how much content lives in a CMS, and how many storefront features your current apps provide that must be rebuilt, such as reviews, wishlists or bundle builders. Back-office links to Xero, Sage or Linnworks rarely change, because orders still complete in Shopify checkout.
How long does a headless Shopify build take?
It depends on templates, catalogue size and the storefront features to rebuild, so we do not publish one number. Every project is split into phases, and each phase is scoped, priced and signed on its own, with its timeline in writing. Phase one usually covers the home, collection, product and cart pages, so you see your real catalogue running early.
Apps, checkout and back office
Will our Shopify apps still work on a headless store?
Back-office apps that read orders and products from the Shopify admin carry on. Storefront widgets are different. Shopify describes theme app extensions, the blocks behind many reviews and ratings apps, as integrating with Online Store 2.0 themes. A headless front end is not a theme, so each widget is rebuilt through the app’s own API or replaced. We list every app in the audit before quoting.
Does checkout change on headless Shopify?
No. Buyers still pay in Shopify’s checkout. Shopify’s documentation says the cart returns a checkout URL that redirects customers through Shopify’s web checkout, and that a cart carrying a customer token (a code that proves which customer is signed in) opens a logged-in checkout. Payment methods you already offer at Shopify checkout stay where they are, and orders land in your Shopify admin exactly as today.
Will our Xero, Sage, Linnworks or Mintsoft links need rebuilding?
Usually not. Those systems read orders, stock and products from the Shopify admin, and a headless front end does not change the admin. Orders still complete in Shopify checkout, so Xero or Sage still receive the same sales, and Linnworks or Mintsoft still see the same orders for Royal Mail, DPD or Evri labels. We test each link on staging before launch to prove it.
Can a headless storefront handle a Black Friday spike?
Shopify’s Storefront API reference says requests from real buyers are not subject to a fixed request-per-minute limit, and that checkout creation and automated traffic are throttled, which means slowed down once they pass a set rate. So the data layer scales with shoppers. What we test is your own front end and hosting: page caching, image sizes, search and filter calls, and the third-party scripts that slow a busy sale day.
Does headless Shopify improve Core Web Vitals?
It can, but it is not automatic. Google’s web.dev guidance sets good thresholds at 2.5 seconds for Largest Contentful Paint, 200 milliseconds for Interaction to Next Paint and 0.1 for Cumulative Layout Shift, measured at the 75th percentile of page loads, so three in four visits must hit the mark. A headless build gives you control of every script on the page. Heavy tracking tags can still undo that, so we budget them.
Who edits content once the headless store is live?
Your marketing team, without a developer. We set up a headless CMS, or structured content fields, so landing pages, banners and buying guides are edited in a visual editor and published on a schedule. Product data stays in Shopify. We agree which system owns each kind of content in writing before the build, so nobody edits the same thing in two places.
Can one headless Shopify store sell to the UK and the EU?
Yes, through Shopify Markets. Shopify’s documentation says merchants can set product prices per country in the Shopify admin, and that the Storefront API can query international prices and set the country and language of a cart and checkout. So a UK shopper sees pounds and a French shopper sees euros from one catalogue. We build the country picker and test prices in each market.
Will going headless hurt our Google rankings?
It can if old URLs break or pages load blank for search engines. We map every old product, collection and blog URL to its new address with a permanent 301 redirect, render pages on the server so the HTML carries the words, and copy titles, descriptions and product structured data across. After launch we watch Search Console for crawl errors through the first weeks.
UK rules
What UK pricing rules must a headless storefront follow?
The CMA’s price transparency guidance says the invitation to purchase must give the total price, normally including unavoidable charges, and that mandatory delivery charges must be shown there too. It says hiding additional fees, taxes or other charges is illegal, with fines of up to 10% of turnover or £300,000, whichever is greater. A custom front end has to build those rules in.
Do analytics cookies on a headless Shopify store need consent in the UK?
Often yes, with a narrower exception. The ICO’s guidance on cookies and similar technologies, updated for the Data (Use and Access) Act and finalised in April 2026, describes a statistical purposes exception, which needs clear information about the purpose and a simple, free way to object. Marketing tags still need consent. Shopify’s Hydrogen analytics guide says to meet consent rules before tracking starts, and points to its Customer Privacy API and banner.
Does going headless change our VAT records or Making Tax Digital?
No. GOV.UK says VAT-registered businesses must use compatible software to keep VAT records and file VAT Returns. Your sales records still come from Shopify orders, because checkout does not move. The route from Shopify into Xero, Sage or QuickBooks stays the same. Your accountant confirms the set-up, and our UK Shopify Xero integration page covers that link.
Working with us
Can we see something before we sign?
Yes. Before a contract, we show working software on your own data. For a headless project that means a draft of your home, collection and product pages running on your real Shopify catalogue, so your team can click through it on a phone and compare it with the live theme before committing to a phase.
Who owns the code, and who hosts it?
You own the code and the repository from day one. Hosting can run in your own Shopify Oxygen setup or your own cloud account, at cost with no markup. Defects are fixed inside the build price for a cover period agreed before work starts. Support afterwards is optional, each change is quoted and approved, and there is no monthly minimum.
Can you work alongside our in-house developers or current agency?
Yes. We agree the split at scoping and write it into the phase one scope: who owns the storefront code and who runs paid media tags. Your developers get access to the repository and review rights from the start, so there is no separate handover project at the end.
What should we put in a brief or RFP for a headless Shopify build?
Your Shopify plan, monthly order volume and catalogue size; every app on the store today; the systems around it, such as Xero, Sage, NetSuite, Linnworks or Mintsoft; the countries and currencies you sell in; your content plan; and any launch date that cannot move. Send it with the form on this page, and we reply with questions or a fixed quote per phase.
See your own catalogue on a headless front end before you sign
Send your name and work email. Bhavesh replies within one business day to set up a short call about your Shopify plan, your apps and the systems around your store. You leave knowing whether Hydrogen, Next.js or a better theme is the right job.