Hydrogen

    Hydrogen is Shopify's React-based framework for headless storefronts, hosted on its companion platform Oxygen.

    Hydrogen is Shopify's official way to build headless frontends: a framework based on React and React Router, with ready-made components and utilities for cart, product data, search and checkout handover via the Storefront API. Oxygen is the accompanying hosting environment that serves Hydrogen storefronts globally at the network edge and is included in Shopify plans.

    Compared with a fully self-assembled headless stack, Hydrogen removes a lot of groundwork: data fetching, caching strategies and deployment are pre-solved. It remains a development project nonetheless: design, sections, SEO structure and many features that themes ship out of the box have to be built in code.

    Hydrogen is the right choice when a brand has deliberately committed to headless and wants to stay inside the Shopify ecosystem. If design freedom is the main goal, a custom theme usually gets you there, without the ongoing cost of a headless architecture.

    Shopify development
    • Three women in SMILODOX activewear taking a selfie, a padel player and runners under palm treesSMILODOX
    • Hands holding a green baby journal with animal illustrations titled Dein erstes JahrMintkind
    • Woman with a grocery bag leaning against a wall, Groundies shoes on cobblestonesGroundies

    Related terms

    • Headless Commerce

      Headless commerce separates the frontend (the visible storefront) from the commerce backend. The frontend is custom-built and fed with store functionality via APIs.

      View term
    • Storefront API

      The Storefront API is Shopify's GraphQL interface for custom frontends: it delivers products, collections, cart and checkout functionality to any application.

      View term
    • Theme

      A theme is the design and frontend framework of a Shopify store: it defines the layout, sections and user experience of the storefront.

      View term
    Glass ampoules moving through a filling line in Heel's productionWoman in profile with voluminous blonde curls, a hand spraying hair spray from above.Silver tube of Liquid Glass Skin Mask and a silicone brush lying in clear gel on a pink surfaceTwo young women in white lying on a bed holding perfume bottles.Holzkern men's watch with wooden links and a stone dial on the wristBlack maleup products with a concealer palette, dispensers and a towel against a dark backgroundPHARMOS NATUR products displayed on sunlit wooden shelves.Three Vitabay jars on a stone table in front of a green sofa.Three women in SMILODOX activewear taking a selfie, a padel player and runners under palm treesWoman wearing a brown leather roll-top backpack in front of a sandstone wallTwo More Money More Love outfits in motion: pink check jacket and white jersey with the number 10Man in a grey hoodie and wide dark jeans standing in front of a red wall with a wooden doorLight grey boxer briefs with a brown and blue CR7 waistband worn against a light studio backgroundTable tennis bat with red rubber standing on a dark surface in a pool of light

    More projects

    View all projects

    Questions about your Shopify setup?

    A 30-minute intro call. We listen, ask the right questions and give you a clear assessment of migration, architecture, tracking and your next step.

    Free and non-binding · 30 min.

    NICCOS

    The page could not be loaded.

    Please reload the page. If an update has just gone live, this will load the latest version.