Hydrogen is Shopify’s stack for headless commerce. It provides a set of tools, utilities, and best-in-class examples for building dynamic and performant commerce applications. Hydrogen is designed to dovetail with Remix, Shopify’s full stack web framework, but it also provides a React library portable to other supporting frameworks.
If you already know how to build a great experience in Remix, Hydrogen is only going to make that easier. Hydrogen makes Remix Shopify-aware through an integrated Storefront API client, and it provides a set of Remix-optimized components that make the most out of design patterns like loaders and actions.
When you’re ready to deploy, Hydrogen integrates seamlessly with Oxygen, but it also works with any target supported by Remix.
Get building with Hydrogen in minutes.
Build your custom storefrontAnchor link to section titled "Build your custom storefront"
Build a Hydrogen Storefront
Follow the Hydrogen tutorial series to go from "Hello World" to a fully built out Shopify custom storefront.
Internationalization with Shopify Markets
Configure your Hydrogen storefront for multiple countries and languages.