Hydrogen デベロッパープレビューに「Deploy」ボタンが追加。ボタンひとつでスターターからリポジトリを作成し、Vercel プロジェクトをセットアップしてビルドまで完了。ローカル環境構築は不要。
Deploy ボタンひとつが起点。手作業でのリポジトリ作成やホスティング設定を挟まない。
Vercel 上にプロジェクトが作られ、そのままビルドされる。他フレームワーク/既存プロジェクト向けの手順も同じドキュメントに並ぶ。
CLI インストールや依存解決を待たずに、動くストアフロントがクラウド上に立ち上がる。
テンプレートは「配線済みの動く Hydrogen ストアフロント」。以下が最初から組み込まれている(原文明記)。
docs の「Deploy a starter template」から、テンプレートをデプロイする。
Headless(ヘッドレス)販売チャネルのストア認証情報をテンプレートに設定する。
認証情報が繋がると、テンプレートに自分のストアの商品が反映される。
| 項目 | 原文の記載 |
|---|---|
| デプロイ先 | 記載あり Vercel |
| 元テンプレート | 記載あり Next.js スターターテンプレート |
| 同梱機能 | 記載あり 型付き Storefront API クライアント/カート/商品・コレクションページ |
| ストア接続方法 | 記載あり Headless チャネルの認証情報を追加 |
| 提供段階 | 記載あり Hydrogen デベロッパープレビュー |
| 料金・費用 | 記載なし |
| Vercel 以外の対応ホスティング | 記載なし(「他フレームワーク/既存プロジェクトの手順もある」とだけ) |
| GA(正式提供)時期 | 記載なし |
リポジトリ作成・Vercel プロジェクト設定・ビルドが一連で自動化される。プロトタイプや検証環境を最短で立てられるのが本質的な価値。
GraphQL の Storefront API 呼び出しが型付きで最初から配線済み。API クライアントの初期セットアップを書かずに商品取得ロジックへ入れる。
自分の商品を出すには Headless 販売チャネルの認証情報を渡す。テンプレートのデフォルトはデモデータで動く前提。
Hydrogen デベロッパープレビュー向けの機能。本番採用の判断は、プレビューという段階のリスク(仕様変更の可能性)を織り込む。
今回の目玉は Vercel への 1 クリックデプロイだが、docs には 他フレームワーク向け・既存プロジェクト向けのセットアップ経路も併記される。既存の Hydrogen プロジェクトを持つチームも参照先が同じで探しやすい。