Hydrogen Storefront

Hydrogen is a React framework and SDK that you can use to build fast and dynamic Shopify custom storefronts.

• Live Site (Vercel)

• Screenshots

Documentation & Templates

Check out the docs

Run this template in JavaScript on StackBlitz

Run this template in TypeScript on StackBlitz

Getting started

Requirements:

• Node.js version 16.14.0 or higher
• Yarn

npm init @shopify/hydrogen@latest --template hello-world-ts

Remember to update hydrogen.config.js with your shop's domain and Storefront API token!

Building for production

yarn build

Previewing a production build

To run a local preview of your Hydrogen app in an environment similar to Oxygen, build your Hydrogen app and then run yarn preview:

yarn build
yarn preview