Headless Shopify 料金: マーチャント向け完全なコスト分解

Headless Shopify の料金は単一の数字ではなく、それぞれに独自のコストがある決定のスタックです。2026 年の正直な範囲は、ソロ開発者による最小限の Hydrogen ビルドで約 10,000 円から、シニアエージェンシーチームによる本格的なコンポーザブルコマースプロジェクトで 300 万円以上 となります。ホスティングは無料です (Oxygen は Starter を除くすべての有料 Shopify プランに含まれています) が、ビルド、CMS、および継続的なエンジニアリングの場所は、予算が静かに膨らむ場所です。

あなたの特定のストアに headless が価値があるかどうかを理解しようとしている場合は、意思決定フレームワークはここにあります。この投稿は、数字に専念しています: すべての費用、隠れた行項目がどこに表示されるか、および実際の 12 ヶ月間の総所有コストがどのようになるかです。

重要なポイント

• ビルドコスト: スコープ、エージェンシーレベル、スタック選択によって 10,000 円、300 万円以上
• Shopify プラン: ほとんどのプロダクション headless ストアは、Shopify Plus で約月 2,300 円で実行され、API レート制限、Checkout 拡張性、および Shopify Functions のロックを解除します
• ホスティングはほぼ無料です: Oxygen (Shopify 独自の CDN ホスティング) は、すべての有料プランで追加コスト不要で含まれています。Vercel を代わりに選択した場合、月 20 円から 150 万円を実行します
• 隠れた継続的なコスト: CMS ライセンス、開発者リテーナー (月 2,000 円から 800 万円)、検索ツール (Algolia)、および四半期ごとの API アップグレードスプリント
• ROI 閾値: ミッドマーケットブランド (年間 500 万円から 2,000 万円の収益) は通常 12 ~ 18 ヶ月で回収期間に達します。500 万円未満の場合、Liquid ストアの最適化はほぼ常により多くの利益をもたらします
• 2026 年 6 月の大きなニュース: Shopify と Vercel は、ニューヨークの Vercel Ship 26 で、再構築されたフレームワークにとらわれない Hydrogen を発表し、現在開発者プレビュー中です

あなたが実際に支払っているもの

ほとんどの headless 料金ガイドはビルドを引用して他のすべてをスキップします。ここが完全なコスト モデルがどのようになるか、4 つのバケットに分割されています。

1. Shopify プラン

Storefront API は技術的にはすべての Shopify プランで利用可能です。実際には、ほぼすべてのプロダクション headless ビルドが Shopify Plus で約月 2,300 円で実行されます。理由は具体的です: より高い API コール制限、Checkout UI 拡張へのアクセス、Shopify Functions、およびマルチマーケットストアフロントをクリーンに実行できる機能です。標準プラン (月 39 円から 399 円) は小さなブランドでも機能していますが、API レート制限は、フラッシュセールなどの高トラフィックイベント中に真の瓶首になります。

年間を通じて請求している場合、Shopify は基本プラン、成長プラン、および高度なプランで 25% の割引を提供しますが、Plus は個別に交渉されます。

2. ビルドコスト

これが最大の行項目であり、最も広い範囲があります。

比較として、よく構築された Shopify Plus テーマの費用は約 30,000 円から 60,000 円です。headless の 2 倍から 3 倍のコストプレミアムは実数であり、そうでないと言っているエージェンシーは正直ではありません。

Sennheiser の移行からの有用なデータポイント: Netlify 上の headless Shopify アーキテクチャに移行した後、ブランドは ecommerce のコンバージョン率が 136.7% 増加 し、カートへの追加が 74.8% 増加 しました。グローバル発売は 11 週間で完了しました。これはベンダーベンチマークではなく、ドキュメント化されたケーススタディです。すべてのブランドがこれらの数字を見るわけではありませんが、スピードと UX が適切に実行されたときにビルドでコンバージョンの向上に変換されるパターンはスケールで繰り返されます。

3. ホスティング

これは最近のニュースが図を変える場所です。

• Oxygen (Shopify ネイティブホスティング): Starter を除くすべての有料プランで無料。無制限の帯域幅、自動スケーリング、グローバルエッジデプロイ。これが Hydrogen ビルドのデフォルトです。
• Vercel: 2026 年 6 月 30 日に、Shopify は Hydrogen が Vercel にワンクリックでデプロイされることを正式に発表しました。新しい Deploy ボタンは、Storefront API クライアント、カート、およびすでに配線されている製品/コレクションページを備えた、機能する Next.js + Hydrogen ストアフロントをスキャフォールドします。Vercel の料金は、ほとんどのストアで約月 20 円から 500 円、高トラフィックビルドの場合は月 400 円から 150 万円です。
• Cloudflare Pages、AWS、自家ホスト Node: 既存のインフラ設定を備えたチームに対して実行可能ですが、DevOps オーバーヘッドを追加します。

実践的なポイント: ホスティングは headless に行く高価な部分ではありませんでした。Vercel のワンクリックデプロイは開始するための摩擦を低下させます。ビルドと維持するためのコストではありません。

4. 上部の SaaS スタック

これはほとんどの提案がスキップするものであり、それは継続的なコストが複合する場所です。

• Headless CMS (Sanity、Contentful、Storyblok): 計画と使用方法に応じて、月 0 円から 150 万円。ほとんどのミッドマーケットブランドは月 99 円から 300 円の Pro レベルにランディングします。Sanity の Growth プランは、座席ごとに月 15 円で実行されます。Storyblok 有料プランは月 99 円から開始します。
• 検索 (Algolia): 検索量に応じて、月 0 円から 500 円以上。小さなカタログは無料レベルに留まることができます。大量のストアはより多くを支払います。
• 分析、パーソナライゼーション、A/B テスト: ベンダーによって異なります。通常、各月 50 円から 500 円のアドオン。
• Shopify Plus 以外の SaaS スタック合計: 単一行のコードが変更される前に、月 500 円から 200 万円の追加の繰り返し費用を予想してください。

継続的なエンジニアリング: 誰もが過小評価するコスト

headless ストアは、テーマベースのストアが Shopify エディター内で処理する構造的な変更のための開発者の関与が必要です。マーケティング チームは、コード デプロイメントなしでバナーを移動したりホームページセクションを追加したりすることはできません。

典型的な継続的なコスト:

• 開発者リテーナー: スコープと代理店によって月 2,000 円から 800 万円
• API アップグレードスプリント: Shopify は 12 ヶ月のローリングサイクルで API バージョンを廃止します。API バージョンアップグレード、依存関係の更新、およびパフォーマンス監視のために、最低でも四半期ごとに 1 つのスプリントを予算化してください。
• アプリの互換性作業: 多くの Shopify アプリは Liquid 経由で注入され、既知の headless 互換です。重要なアプリの 30% 以上に headless API パスが欠けている場合、その機能を複製するための重大なカスタム開発を計上してください。

ミッドレンジ Hydrogen ストアフロント (ビルド + Shopify Plus + SaaS スタック + リテーナー) の 12 ヶ月間の総所有コストは、通常、初年度 80,000 円から 200 万円以上 で実行されます。

重要な 2026 年 6 月の変更: Hydrogen がフレームワークにとらわれなくなる

headless Shopify 料金での最大の構造的シフトが発生しました。2026 年 6 月 30 日、ニューヨークの Vercel Ship 26 で、Shopify と Vercel は フレームワークに依存せず、ランタイムに依存しない ように Hydrogen を一から再構築していることを発表しました。これは、JavaScript が行うどこでも実行できることを意味します。これで Svelte、Nuxt、Next.js、またはあなた自身のカスタムフレームワークを使用して構築できます。

再構築された Hydrogen は、フレームワークではなくコマーストoolkit として位置付けられます: Shopify ストアフロント プリミティブのコア層 (カート ロジック、製品ヘルパー、マネーフォーマット、Shop Pay、分析)、使用するフレームワークの薄いバインディング、およびエージェント スキルはコーディング アシスタントがスタックを正しく配線するのを支援します。新しいバージョンは現在開発者プレビュー中です。パブリックベータは 2026 年 Q3 で予想されます。

これが料金に影響する理由 2 つの理由があります:

1. 低いエージェンシー切り替えコスト。 Shopify ネイティブコマースプリミティブを取得するために、チームはもう React Router を採用する必要がありません。あなたのエージェンシーが既に Next.js または Nuxt にある場合、フレームワーク移行なしで公式の Shopify ツールを今使用できます。これにより、既存の専門知識を持つチームのビル推定が削減されます。
2. 減少した長期ロックインリスク。 古い Hydrogen の隠れたコストの 1 つは、フレームワーク選択が漂流した場合、完全な書き直しが必要になるリスクでした。ポータブル SDK はそのリスクを低下させます。

注意: 新しいフレームワークにとらわれない Hydrogen は開発者プレビューであり、GA ではありません。現在の Hydrogen (React Router ベース) は完全にサポートされたままであり、新しいバージョンが安定性に達するまで、プロダクション ストアは引き続きビルドする必要があります。

実際に headless Shopify の料金を支払うべき人

正直な答えは Shopify マーチャント の少数派です。数学は特定の状況で明確に機能します:

headless の時期:

• 年間収益が 500 万円から 1,000 万円を超え、コンバージョン率の改善が数十万円の追加収益に直接変換される場合
• 現在の Liquid ストアの LCP (最大のコンテンツフルペイント) が 3.5 秒を超えており、テーマレベルの最適化がシーリングに達している場合
• 統一されたフロントエンドを必要とするマルチブランドまたはマルチリージョンストアフロントを実行する場合は、個別のバックエンド
• エディトリアルの柔軟性とコマースが均等な請求書を必要とするコンテンツヘビーなサイトがある場合
• リテーナーで専任開発者またはハウスエンジニアリングチームがある場合

Liquid に留まる場合:

• 収益が 500 万円未満
• 現在の Lighthouse モバイルスコアが 70 以上です (ほとんどのパフォーマンスギャップは Shopify スピード最適化 を使用してコストのほんの一部で閉じることができます)
• マーケティング チームは開発者なしでセルフサービス コンテンツ編集が必要な場合
• ロードマップはカスタムインタラクティビティ、コンフィギュレーター、または深い サードパーティ システム統合を必要としません

1 つのエージェンシー ベンチマークで示されているように、15 個以上のアプリを備えた肥大化した Liquid テーマから、よく構築された Hydrogen ストアフロントに移行するブランドは、通常 40-60% のページロード時間の改善 と Lighthouse モバイルスコアを下の 50 から 90 以上にジャンプすることが表示されます。しかし、完全なビルドをコミットする前に、現在のテーマを最初に最適化することは、ほぼ常に正しい最初のステップです: 多くのブランドは headless コストの約 10% でパフォーマンスギャップの約 70% を閉じます。

完全な headless Shopify コストテーブル

AI 支援開発とコスト圧縮に関する注意

ビルドコストを積極的に低下させている 1 つの要因: AI コーディングツール。Cursor、Claude Code、Gemini CLI などのツール、Shopify の公式 AI Toolkit、および新しい Hydrogen エージェント スキルと組み合わせると、Hydrogen ストアフロントの開発時間が圧縮されます。2 年前にシニア開発者時間の 6 ヶ月が必要だったビルドは、これらのツールを使用する規律あるチームで 6 ~ 8 週間で閉じることができます。レート圧縮は実数ですが、headless ビルドの市場もより競争的になっていることを意味します。それに応じて予算を立てます。また、このスタックで既に機能している開発者に関して、エージェンシーに AI 支援開発ワークフローがどのように見えるかを尋ねます。

headless プロジェクトのための適切なチームを評価および契約するのに必要な場合は、Shopify 開発者サービスページ は方法をカバーしています。