HS-01
Hydrogen Storefronts
Shopify's Remix-based framework hosted on Oxygen. Tight Storefront API integration, edge rendering, and platform-native features.
HydrogenOxygenRemix
Sheet · Headless
Service · Headless Shopify
Headless commerce, shipped.
Hydrogen, Remix, and Nuxt storefronts on Shopify’s Storefront API — full design control, edge rendering, and Core Web Vitals scores Liquid cannot reach.
Sheet 01 · Overview
Headless when the leverage is real.
Headless Shopify is not always the right answer. It adds infrastructure, deployment, and ongoing operational complexity that a well-built Liquid theme can sometimes avoid.
But when the storefront needs design freedom Liquid cannot give, performance Liquid cannot reach, or publishing across multiple surfaces (web, native, kiosk, in-store) — headless wins. We build headless storefronts that earn their complexity by shipping measurably better experiences.
Hydrogen on Oxygen for tight Shopify alignment. Custom Remix or Nuxt when the surrounding stack demands it. Checkout stays on Shopify — extended via Functions and Checkout UI Extensions, not replaced.
Sheet 02 · Schedule of Capabilities
Capabilities delivered.
6 core areas
Scoped per brief
Scoped per brief
HS-02
Custom Remix Storefronts
Remix on Cloudflare or Vercel when the engagement needs more flexibility than Hydrogen provides.
RemixCloudflareVercel
HS-03
Nuxt Storefronts
Nuxt 3 storefronts on Shopify's Storefront API — for teams already operating in the Vue ecosystem.
Nuxt 3VueSSR
HS-04
SEO & CWV
SSR, structured data, canonicalization, sitemaps, and Core Web Vitals tuning — usually a 30-60 point Lighthouse improvement over the prior Liquid theme.
SEOCWVSchema
HS-05
Checkout Extensibility
Shopify Functions for cart, payment, and delivery customization. Checkout UI Extensions for content and fields.
FunctionsCheckout
HS-06
Plus Integration
Markets, B2B, multipass, and Plus-tier APIs wired into the headless storefront — without compromising the Plus feature set.
PlusB2BMarkets
Sheet 03 · Process
How we go headless.
- Phase 01
Decision
Audit current Liquid theme, performance budget, and design ambitions. Confirm headless is the right move — or recommend an Online Store 2.0 rebuild instead.
- Phase 02
Architecture
Pick the framework, hosting, caching, and CMS strategy. Map Storefront API queries, customer flows, and admin app dependencies.
- Phase 03
Build
Storefront built in milestones. Each page rendered, indexed, and benchmarked against the prior theme before replacement.
- Phase 04
Cutover & operate
DNS flipped behind 301 redirects. Performance and SEO monitored for 60 days. Retained development for ongoing feature work.
Sheet 04 · Stack
Tools we reach for.
HydrogenOxygenRemixNuxt 3Vue 3Shopify Storefront APIShopify Admin APIShopify FunctionsCheckout UI ExtensionsCloudflareVercelSanityStoryblok
Sheet 05 · FAQ
Questions, answered.
When should we go headless on Shopify?
When the storefront needs more design or performance flexibility than Liquid allows, when you are publishing across multiple surfaces (web, native, in-store), or when SEO and Core Web Vitals are commercial-grade priorities. Headless adds complexity — make sure the leverage is real.
Hydrogen, Remix, or Nuxt?
Hydrogen (built on Remix) for tight Shopify alignment and Oxygen hosting. Custom Remix for more flexibility. Nuxt when the surrounding stack is Vue. We pick per engagement, not per fashion.
What about checkout?
Checkout stays on Shopify — that is non-negotiable for PCI compliance and the Shop Pay ecosystem. We can customize it via Functions and Checkout UI Extensions, but the checkout host is Shopify.
Will SEO still work?
Yes — headless storefronts ship with SSR or static rendering, structured data, canonicals, sitemaps, and Core Web Vitals scores that consistently outperform Liquid themes.
Can we keep our existing apps?
Most admin-side apps (Klaviyo, ERP integrations, fulfillment) keep working. Storefront-side apps (theme app extensions, embedded UI widgets) often need replacement components in the headless storefront.
Sheet 07 · Start a brief
Headless, when it pays off.
Send us your current storefront URL and your performance targets. We will tell you if headless is the right move — and what it actually buys you.