次バージョンの Hydrogen は、コマースのロジックを React Router から切り離し、フレームワーク非依存のコアに移す。任意の JavaScript フレームワークで Shopify の「コマースプリミティブ」を使ってストアフロントを構築でき、コーディングエージェントが雛形生成に使う skills も同梱。まだ早期プレビューで、フィードバックを募集中。
コマースのロジックが React Router に組み込まれている。Hydrogen を使う＝実質 React Router を使うこと。
コマースロジックを独立したコアに切り出し、任意の JS フレームワークから「コマースプリミティブ」として呼べる。
コマースロジックを React Router の外へ。フレームワーク非依存のコアに集約する。
任意の JavaScript フレームワークで、Shopify のコマースプリミティブを使ってストアフロントを構築できる。
コーディングエージェントがストアフロントの雛形（scaffold）を自動生成するための skills が同梱される。
| 項目 | 従来の Hydrogen | 次バージョン（developer preview） |
|---|---|---|
| コマースロジックの置き場 | 結合 React Router の中 | 分離 フレームワーク非依存コア |
| 使えるフレームワーク | React Router 中心 | 任意の JS FW |
| 提供形態 | フレームワーク | コマースプリミティブ（部品） |
| エージェント支援 | 記載なし | skills 同梱 雛形を自動生成 |
| 提供ステータス | — | 早期プレビュー フィードバック募集中 |
これは「early developer preview」であり、開発を継続しながら作り込んでいる段階。本番採用の可否・安定度については元記事に記載なし。
Shopify は利用者からのフィードバックを求めている。詳細は GitHub の「Hydrogen Developer Preview」で確認できる、とされている。
「コマースロジック」と「レンダリング/ルーティングのフレームワーク」を切り離す設計変更。フレームワークは選択肢になり、コマースはコアに固定される。
これまで実質必須だった React Router が必須ではなくなる方向。React Router でも引き続き使えるが、他の JS フレームワークも選べる。
「commerce primitives」という方向性は示されたが、API 名・粒度・パッケージ構成は元記事に記載なし。GitHub のプレビューで一次確認が必要。
コーディングエージェントが skills を使ってストアフロントの雛形を生成する前提。エージェント駆動の開発フローが想定されている。
早期プレビューで開発継続中。インターフェースや構成は今後変わりうる。本番投入よりも検証・フィードバック目的での試用が現実的。安定版時期・後方互換の保証は元記事に記載なし。