Shopify Glossary Terms

Shopify Hydrogen

Hydrogen is Shopify's React-based framework purpose-built for headless Shopify storefronts. It ships with built-in Storefront API hooks, server-side rendering, streaming, and tight integration with Shopify's commerce primitives - cart management, product queries, collection pages, and search.

Hydrogen runs on Oxygen, Shopify's global edge hosting platform, which means deployment is a git push and your store serves pages from edge nodes worldwide. SSL, CDN, and scaling are handled automatically.

The main advantage over general-purpose frameworks like Next.js is reduced boilerplate. The commerce primitives are built in, so your team spends time on the storefront experience rather than wiring up API integrations. The trade-off is that Hydrogen is optimised for commerce paths - if your project has significant non-commerce functionality, it can feel constraining. See our Hydrogen vs Next.js comparison for a detailed breakdown.

Think: the React framework that speaks Shopify natively.

← Back to Glossary

A Shopify Plus Agency for Strategic Design & Advanced Engineering

Building something ambitious?

Lets Talk Learn More

Chosen by Shopify Plus brands worldwide.

White bold text saying 'thankyou.' on a black background.

White text reading HAGEN'S on a black background.

Text reading 'BRONZE SNAKE' on a black background.

Text reading CAMBRIDGE EST. 1867 in white letters on a black background.

White lowercase text 'smash' on black background.

{"@context":"https://schema.org","@graph":[{"@type":"Article","headline":"Shopify Hydrogen","description":"Shopify Hydrogen is a React framework for building headless Shopify storefronts. Built-in commerce hooks, SSR, and Oxygen edge hosting.","author":{"@type":"Organization","name":"Flux Agency","url":"https://flux.agency"},"publisher":{"@type":"Organization","name":"Flux Agency","url":"https://flux.agency","logo":{"@type":"ImageObject","url":"https://cdn.prod.website-files.com/69ac35019ce8f68774055c5e/69ad8912209a3b56e3865820_FLUXw.svg"}},"mainEntityOfPage":{"@type":"WebPage","@id":"https://flux.agency/glossary/shopify-hydrogen"},"datePublished":"2026-03-26","dateModified":"2026-04-10"},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://flux.agency"},{"@type":"ListItem","position":2,"name":"Glossary","item":"https://flux.agency/glossary"},{"@type":"ListItem","position":3,"name":"Shopify Hydrogen","item":"https://flux.agency/glossary/shopify-hydrogen"}]},{"@type":"FAQPage","mainEntity":[{"@type":"Question","name":"What is Shopify Hydrogen?","acceptedAnswer":{"@type":"Answer","text":"Hydrogen is Shopify's React-based framework purpose-built for headless Shopify storefronts. It includes built-in commerce hooks for cart, product queries, and checkout, plus server-side rendering and streaming out of the box. It runs on Remix under the hood."}},{"@type":"Question","name":"What is the difference between Hydrogen and Next.js for Shopify?","acceptedAnswer":{"@type":"Answer","text":"Hydrogen ships with Shopify commerce primitives built in, reducing boilerplate. Next.js is a general-purpose framework that requires manually wiring up Storefront API integrations. Hydrogen deploys to Shopify's Oxygen hosting; Next.js typically deploys to Vercel. Choose Hydrogen for pure commerce, Next.js for projects with significant non-commerce functionality."}},{"@type":"Question","name":"Does Hydrogen require Shopify Plus?","acceptedAnswer":{"@type":"Answer","text":"Hydrogen works with any Shopify plan that has Storefront API access. However, Oxygen hosting is included with Shopify Plus. Non-Plus stores can build with Hydrogen but need to host on Vercel, Netlify, or another platform."}}]}]}