https://hydrogen.shopify.dev/

Shopify shopping bag brandmark
[ ]
Expressive Off docs

  * Link to Shopify Developers Discord
  * Link to GitHub Hydrogen repository
  * Link to Shopify Developers Twitter

ver 0.6.1

HYDROGEN

Shopify-powered

Framework for dynamic commerce

Hydrogen's React-based framework for building custom storefronts on
Shopify gives you everything you need to start fast, build fast, and
deliver the best personalized shopping experiences.

Explore Hydrogen on GitHub
Read documentation
Experiment on StackBlitz npx create-hydrogen-app

A modern way to build

Tomorrow's shopping experiences should be fast, global, and
personalized.

Hydrogen makes that possible by integrating React Server Components,
streaming server-side rendering with suspense, and smart caching
defaults. Paired with the globally distributed Storefront API,
Shopify-optimized commerce components, and a Vite-powered developer
environment, it's the fast framework for developers and customers.

[handle].server.js
close

WhyHydrogen

Play VideoPlay Icon
A quick-start, build-fast environment -->

Skip setup and build better with hot reloading, built-in ESM, and a
development environment powered by Vite, Typescript, and Tailwind
CSS.

Play VideoPlay Icon
Dynamic with smart caching -->

Together React Server Components, streaming server-side rendering,
and smart caching policies unlock fast first-renders and progressive
hydration.

Play VideoPlay Icon
Out-of-the-box commerce components -->

Hydrogen's commerce components, hooks, and utilities are ready to use
with built-in industry best practices, Shopify integration, and
styling by Tailwind CSS.

Play VideoPlay Icon
Performance first -->

Created for commerce, Hydrogen's flexible, built-in cache defaults
support non-blocking data-fetching, ensuring a fast shopping
experience.

Help us build Hydrogen

We want to build hydrogen with you and need your feedback to make it
better. Test it out, join the community building with it, and let us
know what you think.

Give feedback

Hydrogen
in action

We're building the all-new Shopify Supply on Hydrogen and want you to
join us.

Check out our implementation on GitHub and follow along as we build
out the site that sells fan favorites like the infamous cha-ching
button.

Explore implementation
Play VideoPlay Icon

Join the conversation

Share what you're building, ask questions, and get involved in the
Hydrogen developer community.

  *  
    ShopifyDevs Discord
    ShopifyDevs Discord  ->

    Events and conversation

  *  
    ShopifyDevs YouTube channel
    ShopifyDevs YouTube channel  ->

    Tips and insights for development and design

  *  
    Hydrogen GitHub
    Hydrogen GitHub  ->

    Questions, answers, and conversation on the Hydrogen discussion
    forum

  *  
    Shopify Partners blog
    Shopify Partners blog  ->

    Educational resources and developer previews

Hydrogen is an absolute game-changer for merchants seeking to achieve
more control, server-side execution, and the highest front-end
performance marks possible.

Host directly
on Shopify

Stay tuned for the upcoming Shopify-powered, global hosting solution
for Hydrogen storefronts. Oxygen is the fastest way to deploy
Shopify-backed commerce experiences.

Two capitalized H's stacked on top of each other enclosed in a
hexagonal shape, which represents the Oxygen logo

News and updates

  * Developer changelog
  * Shopify Status

Blogs

  * Partner blog
  * Engineering blog
  * UX blog

Social

  * Twitch-logo Twitch
  * YouTube-logo YouTube
  * Twitter-logo Twitter

Community

  * Developer forums
  * Slack
  * Facebook group

Events

  * Unite
  * Meetups
  * Shopify Partner Town Hall

Legal

  * API Terms of Service
  * Privacy policy
  * Partner program agreement

  * About Shopify
  * Shopify Plus
  * Careers
  * Investors
  * Press and media