Shopify LiquidからHydrogenへの移行

ほとんどの移行は4～8週間で完了します。テーマの複雑さ、カスタムセクション、アプリ連携、多言語対応の要件によって異なります。標準的なDawnベースのテーマで中程度のカスタマイズであれば、通常5～6週間です。20個以上のカスタムセクションと複数のサードパーティアプリ依存がある大幅にカスタマイズされたテーマは、8週間近くかかる可能性があります。

リダイレクトと正規URLが適切に処理されていれば失いません。カットオーバー前に完全なURLリダイレクトマップを構築し、Reactコンポーネント内のすべての構造化データを保持し、Googleのインデックス作成ツールに対してすべてのルートを検証します。ローンチ後、30日間毎日Search Consoleのクローエラーを監視します。

いいえ。HydrogenはStorefront APIを通じて任意のShopifyプランで動作します。ただし、Shopify Plusはチェックアウト拡張機能をロック解除し、チェックアウトUIをより詳細に制御できます。カスタムチェックアウトフローがビジネスにとって重要な場合、Plusを検討する価値があります。Oxygenホスティングはすべてのプランで利用可能です。

LiquidアプリエンベッドはHydrogenでは機能しません。すべてのアプリを監査し、Reactでネイティブに再構築する必要があるものを特定し、APIレベルの統合に置き換えられるものを特定します。レビュー、ロイヤルティプログラム、APIを備えたサブスクリプションアプリは通常、スムーズに統合できます。Liquidスニペットのみを挿入するアプリは置き換える必要があります。

HydrogenはOnline Storeテーマエディタを使用しません。コンテンツ管理は製品とコレクションについてはShopify adminに移行し、カスタムページコンテンツはメタオブジェクトまたはSanityなどのヘッドレスCMSで処理できます。監査フェーズ中にコンテンツ編集ワークフローをマッピングするため、チームは何が期待されるかを正確に理解できます。

Oxygen上のHydrogenストアフロントは通常、サブ1秒のLCPに達します。一方、Liquidテーマは3～5秒です。このギャップはエッジでのサーバーサイドレンダリング、テーマフレームワークオーバーヘッドの削除、ツリーシェイク済みJavaScriptバンドル、サードパーティアプリのブロートウェアの削除から生じます。実際には、ほとんどのストアは50～70%高速なページ読み込みを実現します。