Hydrogen Logo

About Hydrogen

Hydrogen is Shopify's headless commerce framework designed to help developers build custom storefronts quickly and efficiently. It leverages a modern web stack, including Remix and React, to deliver high-performance e-commerce experiences. Hydrogen provides flexible UI components optimized for commerce, allowing developers to create unique and engaging user interfaces. This framework is ideal for businesses and developers who need a highly customizable and performant online store that can scale internationally. It integrates seamlessly with Shopify's backend services, offering built-in support for critical commerce features like cart management, multi-market selling, analytics, Shop Pay, and customer accounts. By rendering views on the server, Hydrogen aims to reduce client-side JavaScript, leading to faster page loads and improved time-to-interactive, even on unreliable networks. Hydrogen accelerates development by providing a command-line interface (CLI) for quick setup, including options for connecting to Shopify, using sample data, selecting styling libraries (like Tailwind CSS), and scaffolding core routes and functionalities. It also offers instant deployment to Oxygen, Shopify's global hosting solution, simplifying the deployment process for headless storefronts.