Hydrogen
Öne çıkan görsel galerisi
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
- Benzer mağazalarda popüler
- Amerika Birleşik Devletleri merkezli
Diller
İngilizce, Basitleştirilmiş Çince, Geleneksel Çince, Danca, Felemenkçe, Çekçe, Fince, Fransızca, Almanca, İtalyanca, Japonca, Korece, Norveççe, Lehçe, Portekizce (Brezilya), Portekizce (Portekiz), İspanyolca, İsveççe, Tayca, Türkçeve Vietnamca
Şunlarla birlikte çalışır:
- Algolia
- Builder.io
- Contentful
- Klaviyo
- Nosto
- Sanity
Kategoriler
Değerlendirmeler (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.
Destek
Uygulama desteği Shopify tarafından sağlanmaktadır.
Kaynaklar
Geliştirici
Yayınlanma
6 Haziran 2022
Veri erişimi
Bu uygulamanın mağazanızda kullanılabilmesi için aşağıdaki verilere erişmesi gerekir. Nedenini geliştiriciningizlilik politikası belgesinden öğrenin.
Müşteri verilerini görüntüle:
Hassas veriler, cihaz ve etkinlik verileri
-
Hassas veriler
Ad, e-posta adresi, telefon numarası, fiziksel adres
-
Cihaz ve etkinlik verileri
Coğrafi konum, IP adresi, tarayıcı ve işletim sistemi
Personel ve katkıda bulunan verilerini görüntüle:
Mağaza sahibi, personel üyeleri, bloga katkıda bulunanlar
-
Mağaza sahibi
Ad, e-posta adresi, telefon numarası, fiziksel adres
-
Personel üyeleri
Ad, e-posta adresi, telefon numarası
-
Bloga katkıda bulunanlar
E-posta adresi, IP adresi, tarayıcı ve işletim sistemi
Mağaza verilerini görüntüle ve düzenle:
Müşteriler, ürünler, siparişler, şirketler, personel hesapları, Online Mağaza, özel veriler
-
Müşterileri düzenle
Müşteri verileri
-
Ürünleri görüntüle
Ürün girişleri, koleksiyonlar
-
Siparişleri düzenle
Taslak siparişler, sipariş bilgileri, abonelik sözleşmeleri, tüm siparişler
-
Şirketleri düzenle
Şirketler
-
Personel hesaplarını görüntüle
Personel hesapları
-
Online Mağazayı düzenle
Online Mağaza sayfaları, ödeme sayfası
-
Özel verileri görüntüle
Meta nesneler
-
Diğer verileri görüntüle
Shopify Markets ayarları, yerel ayarlar, ürün mağazadan teslim alım stok durumu ve konumları, ürün etiketleri, satış planları
Öne çıktığı yer:
Buna benzer diğer uygulamalar