Headless Shopify UKHydrogen or Next.jsShopify Checkout Kept

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.

Working software on your own data before you sign. Founder replies within one business day.
A man at a wooden desk facing two monitors, one showing a shop page with shoe tiles and one showing green line charts
What moves and what stays
Storefront and page content
rebuilt on Hydrogen or Next.js
New
Checkout and payments
Shopify’s own web checkout
Kept
Xero, Sage, Linnworks, couriers
still read the same Shopify orders
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.

Four terms we use a lot

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.

Your back office

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.

The short version
Orders created in
same place as on a theme
Shopify
Accounts and VAT records
Xero, Sage 50, Sage 200, QuickBooks UK
Same feed
ERP and stock
NetSuite, Business Central, Odoo, Brightpearl
Same feed
Storefront widgets
reviews, wishlists, bundle builders
Rebuilt

Swipe sideways to see every column.

AreaAfter going headlessWhy
Products, prices, stockShopify adminRead by the storefront through the Storefront API.
Checkout and paymentShopify checkoutThe cart hands the buyer a checkout URL.
Orders and refundsShopify adminCreated by checkout, exactly as on a theme.
Accounts: Xero, Sage, QuickBooks UKUnchangedThey read Shopify orders, not the theme.
Fulfilment: Linnworks, Mintsoft, BrightpearlUnchangedRoyal Mail, DPD and Evri labels still come from the same orders.
Marketplaces: Amazon.co.uk, eBay UK, OnBuyUnchangedChannel feeds connect to Shopify or your listing tool, not the front end.
Storefront widgetsRebuiltReviews, wishlists and bundle builders move to their apps’ APIs.
Page contentMoves to a CMSEdited 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.

Choosing the stack

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.

QuestionLiquid themeHydrogen on OxygenNext.js on your cloud
What it isA Shopify Online Store theme, edited in the theme editorA React Router app preconfigured with Shopify featuresA Next.js app that reads Shopify through the Storefront API
HostingShopify’s online storeOxygen, at no extra charge on paid Shopify plansYour own cloud account, at cost
CheckoutShopify checkoutShopify checkout, through the cart’s checkout URLShopify checkout, through the cart’s checkout URL
Theme app extensionsSupported on Online Store 2.0 themesNot a theme: widgets rebuilt through app APIsNot a theme: widgets rebuilt through app APIs
Who edits pagesTheme editor sectionsA headless CMS or structured content fieldsA headless CMS or structured content fields
Best fitStandard templates, app-heavy stores, no in-house code ownerBrands that want Shopify for platform and hostingContent-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.

A woman drawing four stacked boxes joined by arrows on a whiteboard while a man beside her holds a tablet

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.

UK rules

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.

Market prices

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.

Comparing quotes

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.

See a draft of my storeBhavesh replies within 24 hours.
Terms

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.

Send a brief

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.

What to include
Shopify plan and order volume
orders a month, stores, markets
1
Every app on the store
a screenshot of the apps page is fine
2
Systems around Shopify
Xero, Sage, NetSuite, Linnworks, Mintsoft
3
Channels and payments
Amazon.co.uk, eBay UK, Klarna, Clearpay
4
Content plan and fixed dates
a launch date that cannot move
5
How we work

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.

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

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

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

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

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

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

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

Our work, labelled by platform

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.

    Read the GPSUK case study

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

    Read the Sow Easy case study

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.

See the live store

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.

FAQ

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.

Next step

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.

Contact us
Free quote
Founder replies in 24h