Hydrogen
Galleri med fremhevede bilder
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
- Populært blant butikker som din
- Basert i USA
Språk
Engelsk, Kinesisk (forenklet), Kinesisk (tradisjonell), Dansk, Nederlandsk, Tsjekkisk, Finsk, Fransk, Tysk, Italiensk, Japansk, Koreansk, norsk, Polsk, Portugisisk (Brasil), Portugisisk (Portugal), Spansk, Svensk, Thai, Tyrkisk, og Vietnamesisk
Denne appen er ikke oversatt til Norsk (bokmål)
Fungerer med
- Algolia
- Builder.io
- Contentful
- Klaviyo
- Nosto
- Sanity
Kategorier
Omtaler (9)
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.
Shopify Hydrogen es excepcional. El rendimiento con SSR y edge computing es impresionante, resultando en cargas súper rápidas. La experiencia de desarrollo con React, Remix y TypeScript es excelente, con componentes optimizados que ahorran mucho tiempo. La integración con la Storefront API de Shopify funciona perfectamente, y tienes control total sobre UI/UX, a diferencia de los temas tradicionales. La documentación es excelente y la comunidad está creciendo. Para quienes buscan crear experiencias de e-commerce modernas y diferenciadas, Hydrogen es la mejor opción. Lo recomiendo encarecidamente.
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.
Brukerstøtte
App-støtte leveres av Shopify.
Ressurser
Denne utvikleren tilbyr ikke direkte støtte på Norsk (bokmål).
Lansert
6. juni 2022
Tilgang til data
Denne appen trenger tilgang til følgende data for å fungere i butikken. Finn ut hvorfor i utviklerens personvernerklæring .
Se kundedata:
Sensitive data, data om enhet og aktivitet
-
Sensitive data
Navn, e-postadresse, telefonnummer, fysisk adresse
-
Data om enhet og aktivitet
Geolokalisering, IP-adresse, nettleser og operativsystem
Se data om ansatte og bidragsytere:
Butikkeier, medarbeidere, bloggmedvirkere
-
Butikkeier
Navn, e-postadresse, telefonnummer, fysisk adresse
-
Medarbeidere
Navn, e-postadresse, telefonnummer
-
Bloggmedvirkere
E-postadresse, IP-adresse, nettleser og operativsystem
Se og rediger butikkdata:
Kunder, produkter, bestillinger, bedrifter, personalkontoer, Nettbutikk, egendefinerte data
-
Rediger kunder
Kundedata
-
Se produkter
Produktoppføringer, samlinger
-
Rediger bestillinger
Bestillingsutkast, bestillingsinformasjon, abonnementskontrakter, alle bestillinger
-
Rediger bedrifter
Bedrifter
-
Se personalkontoer
Personalkontoer
-
Rediger nettbutikk
Nettbutikksider, betalingsside
-
Se egendefinerte data
Metaobjekter
-
Se andre data
Innstillinger for Shopify Markets, lokaler, tilgjengelighet og steder for henting i butikk for produkter, produkttagger, salgsplaner
Utvalgt hos
Flere apper som denne