特集の画像ギャラリー
本番環境で使えるストアフロントに必要なあらゆるツールを提供し、ヘッドレス開発を加速させます。
Hydrogenは、オープンソースのRemixフレームワークで構築されたReactベースのヘッドレスコマーススタックです。これにより、ストアフロント構築を高速化できます。Optimistic UI、ネストされたルート、プログレッシブエンハンスメントなどの先進的な機能でパフォーマンスを最適化。スターターテンプレート、構築済みのコンポーネント、フック、ユーティリティはすべてShopify APIにマッピングされており、ワンランク上の生産性を実現します。構築後は、当社のグローバルホスティングソリューションOxygenに無償でデプロイできます。
- Storefront & Customer Account API リソースにマッピングされた、すぐに構築可能なCommerce Components
- in-IDE linting、TypeScript、IntelliSenseのサポートにより、効率的に構築
- より高い処理速度、柔軟なキャッシュ、SEO内部設計を実現するエッジでのレンダリング
- 外部アプリ統合、あらゆるReactフレームワークでの構築、どこでもホスティングが可能
- Shopifyのグローバル分散型ホスティングレイヤーOxygenによるPush-to-Deployサポート
- あなたのストアと同じようなストアに人気
- アメリカに拠点
言語
英語、 中国語 (簡体字)、 中国語 (繁体字)、 デンマーク語、 オランダ語、 チェコ語、 フィンランド語、 フランス語、 ドイツ語、 イタリア語、 日本語、 韓国語、 ノルウェー語、 ポーランド語、 ポルトガル語 (ブラジル)、 ポルトガル語 (ポルトガル)、 スペイン語、 スウェーデン語、 タイ語、 トルコ語、と ベトナム語
カテゴリー
レビュー (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.
サポート
アプリのサポートは Shopify が提供しています。
リソース
公開日
2022年6月6日
データアクセス
このアプリがストアで機能するためには、次のデータにアクセスする必要があります。 その理由については、開発者向けのプライバシーポリシー でご確認ください。
お客様データの閲覧:
機微データ、 デバイスとアクティビティのデータ
-
機微データ
名前、 メールアドレス、 電話番号、 住所
-
デバイスとアクティビティのデータ
ジオロケーション、 IPアドレス、 ブラウザとオペレーティングシステム
スタッフと協力者のデータの閲覧:
ストアオーナー、 スタッフメンバー、 ブログ投稿者
-
ストアオーナー
名前、 メールアドレス、 電話番号、 住所
-
スタッフメンバー
名前、 メールアドレス、 電話番号
-
ブログ投稿者
メールアドレス、 IPアドレス、 ブラウザとオペレーティングシステム
ストアデータを表示および編集:
お客様、 商品、 注文、 会社、 スタッフアカウント、 オンラインストア、 カスタムデータ
-
お客様の編集
顧客データ
-
商品の表示
商品リスト、 コレクション
-
注文の編集
下書き注文、 注文詳細、 サブスクリプション契約、 すべての注文
-
会社を編集する
会社
-
スタッフアカウントの表示
スタッフアカウント
-
オンラインストアを編集する
オンラインストアのページ、 チェックアウトページ
-
カスタムデータを表示
メタオブジェクト
-
その他のデータの表示
Shopify Marketsの設定、 ロケール、 商品の実店舗での受け取り可否とロケーション、 商品タグ、 販売計画
特集
類似のアプリ