Hydrogen
Featured images gallery
Accelerate development with all the tooling you need for production-ready headless storefronts.
Fast-track your storefront build with Hydrogen, our React-based headless commerce stack—now built on the open-source React Router framework. Optimized for performance with advancements like Optimistic UI, nested routes, and progressive enhancement. Unlock new levels of productivity with starter templates, pre-built components, hooks, and utilities all mapped to Shopify APIs. Then deploy your headless storefront at no cost on Oxygen, our global hosting solution.
- Use commerce components that map to Storefront & Customer Account API resources
- Build efficiently with in-IDE linting, TypeScript, and IntelliSense support
- Render at the edge for faster performance, flexible caching, and built-in SEO
- Integrate third-party apps, build with any React framework, and host anywhere
- Push-to-deploy support with Oxygen, Shopify’s globally distributed hosting layer
- Popular with stores like yours
- Based in United States
Languages
English, Chinese (Simplified), Chinese (Traditional), Danish, Dutch, Czech, Finnish, French, German, Italian, Japanese, Korean, Norwegian, Polish, Portuguese (Brazil), Portuguese (Portugal), Spanish, Swedish, Thai, Turkish, and Vietnamese
Works with
- Algolia
- Builder.io
- Contentful
- Klaviyo
- Nosto
- Sanity
Categories
Reviews (10)
It's unbelievable how I'm unable to even create a storefront.
There's no support whatsoever, not even for Shopify Plus customers.
The shopifydevs Discord invite from the Hydrogen website doesn't even work.
FYI, the error displayed from the storefrontCreate API response states:
"The Hydrogen app is not installed."
This is also quite ironic since you have to install the app to even try to create a storefront.
From the Issues tab, this is probably the real issue:
"Some resources are blocked because their origin is not listed in your site's Content Security Policy (CSP). Your site's CSP is allowlist-based, so resources must be listed in the allowlist in order to be accessed.
A site's Content Security Policy is set either via an HTTP header (recommended), or via a meta HTML tag.
To fix this issue do one of the following:
(Recommended) If you're using an allowlist for 'script-src', consider switching from an allowlist CSP to a strict CSP, because strict CSPs are more robust against XSS . See how to set a strict CSP .
Or carefully check that all of the blocked resources are trustworthy; if they are, include their sources in the CSP of your site. Never add a source you don't trust to your site's CSP. If you don't trust the source, consider hosting resources on your own site instead.
1 directive
Resource Status Directive Source Location
https://hydrogen.shopifyapps.com/ blocked frame-ancestors (unknown)"
I understand that this is a new technology but I expect this bug to be solved as soon as possible since I can't even begin to code.
Very nice module from Shopify. I began to use it last week and it works perfectly so far! You can also connect the app with all the credentials within the app. Super nice!
Shopify Hydrogen is perfect for our multi-brand monorepo. The framework's flexibility enabled our sophisticated architecture with brand-specific packages, shared components, and isolated routing policies while maintaining strict TypeScript safety. React Router 7 integration works seamlessly with our i18n system across 5 locales, and Oxygen's edge network delivers fast global performance. For complex, multi-tenant e-commerce projects, Hydrogen is exactly what we need.
Support
App support provided by Shopify.
Resources
Launched
June 6, 2022
Data access
This app needs access to the following data to work on your store. Learn why in the developer's privacy policy .
View customer data:
Sensitive data, device and activity data
-
Sensitive data
Name, email address, phone number, physical address
-
Device and activity data
Geolocation, IP address, browser and operating system
View staff and contributor data:
Store owner, staff members, blog contributors
-
Store owner
Name, email address, phone number, physical address
-
Staff members
Name, email address, phone number
-
Blog contributors
Email address, IP address, browser and operating system
View and edit store data:
Customers, products, orders, companies, staff accounts, Online Store, custom data
-
Edit customers
Customer data
-
View products
Product listings, collections
-
Edit orders
Draft orders, order details, subscription contracts, all orders
-
Edit companies
Companies
-
View staff accounts
Staff accounts
-
Edit Online Store
Online Store pages, checkout page
-
View custom data
Metaobjects
-
View other data
Shopify Markets settings, locales, product in-store pickup availability and locations, product tags, selling plans
Featured in
More apps like this
