ヘッドレスCMS比較:6つの選択肢を同じブログで検証
ヘッドレスCMS比較
ヘッドレスCMS比較:Sanity、Contentful、Strapi、Payload、Storyblok、Decap | We.Inc
6つのヘッドレスCMSを中立的に比較します。ホスティング形態、ライセンス、無料の選択肢と掲載価格、どの案件に向いているか、Next.jsで同じブログ記事を取得するコード、そしてCMSが不要な場合について解説します。
ヘッドレスCMSはコンテンツを保存してAPI経由で配信し、サイトのデザインは自分のコードに任せます。SanityとContentfulはホスティング型のサービス、StrapiとPayloadはオープンソースで自分のデータベース上で動作し、Storyblokはビジュアルなページエディターを備え、DecapはGit内のMarkdownファイルを編集します。下の表で並べて比較しています。
目的別のおすすめ
- データを自分で保有し、無料でセルフホスト
- StrapiまたはPayload
- コストゼロ、コンテンツはGitで管理
- Decap CMS
当社はいずれのベンダーとも提携していません。以下の各セクションでは同じブログ記事一覧を取得しているので、それぞれのコードの書き心地を比較できます。表の価格は、このページを更新した日に各社サイトで確認した掲載価格です。
- コンテンツをどこに置くかを決めます:ベンダーのクラウド、自分のデータベース、またはGitです。
- 編集者にビジュアルなページ編集が必要か、フォーム入力だけで足りるかを確認します。
- 無料の選択肢と最初の有料プランを、チームの規模と照らし合わせて比較します。
- 導入を決める前に、ブログ記事などのコンテンツタイプを1つモデリングし、サイトに取得してみます。
- コンテンツはページのレイアウトではなく意味(著者、要約、本文)でモデリングし、再利用できるようにしましょう。
- コンテンツの公開時には、CMSのwebhookを使ってページを再ビルドまたは再検証しましょう。
- 編集者向けのプレビューは常に動く状態にしておきましょう。編集者が最も気にする機能です。
- 必要になったときに移行できるか、早い段階でコンテンツをエクスポートして確認しておきましょう。
よくある質問
ヘッドレスCMSとWordPressの違いは何ですか?
従来のWordPressはコンテンツを保存し、テーマを使ってページをレンダリングします。ヘッドレスCMSはコンテンツの保存と配信だけを行い、レンダリングはNext.jsやAstroのサイトなど、自分のフロントエンドが担います。
Next.jsに最適なヘッドレスCMSはどれですか?
PayloadはNext.jsアプリの内部で動作するため、最も密接に統合できます。Sanity、Contentful、Storyblokにも公式のNext.jsガイドがあり、サーバーレンダリングや再検証とうまく連携します。
無料のヘッドレスCMSはありますか?
はい。Strapi、Payload、Decap CMSはオープンソースで、無料でセルフホストできます。SanityとStoryblokには、ユーザー数や利用量に制限のある無料プランがあります。
そもそもヘッドレスCMSは必要ですか?
必ずしも必要ではありません。開発者がサイトを編集するなら、リポジトリ内のMarkdownファイルのほうがシンプルです。技術に詳しくない人が小規模なビジネスサイトを編集するなら、CMSを独自コードにつなぐより、エディターを内蔵したWebサイトビルダーのほうが通常は早く済みます。
CMSが不要な場合
- ヘッドレスCMSを導入すると、アカウント、API、プレビュー、ビルドフックの管理が加わります。年に数回しか更新しない5ページのビジネスサイトにとっては、それは余計な負担です。Git内のMarkdownや、オーナーが目に見えるページをそのまま編集できるビルダーのほうが、適していることが多いでしょう。
6つのCMSの概要
6つのヘッドレスCMS(価格は2026年10月13日時点の掲載価格)
- CMS
- 種類
- コンテンツの保存先
- 無料の選択肢
- 有料プランの価格
- Sanity
- ホスティング型コンテンツプラットフォーム、エディター(Studio)はオープンソース
- Sanityのクラウド
- 無料プラン
- 1シートあたり月額$15から(Growth)
- Contentful
- ホスティング型、クローズドソース
- Contentfulのクラウド
- ベンダーサイトを参照
- ベンダーサイトを参照(当社では価格ページを表示できませんでした)
- Strapi
- オープンソース(MIT)、セルフホストまたはクラウド
- 自分のデータベース
- セルフホストは無料
- 月額$35から(Cloud Starter)
- Payload
- 自分のデータベース
- セルフホストは無料
- ホスティング費用のみ
- Storyblok
- ホスティング型、ビジュアルエディター
- Storyblokのクラウド
- Starterプラン
- 月額$99から(Growth)
- Decap CMS
- オープンソース(MIT)、Gitベース
- リポジトリ内のMarkdownファイル
- 無料
- なし
プロジェクトに合うのはどれか
どれが合うか
- 開発者がコードでコンテンツをモデリングし、柔軟にクエリしたい
- Sanity
- 大規模チーム、多数のロケール、厳格な権限管理、ベンダーに払う予算がある
- Contentful
- データベースとサーバーを自分で保有したい
- StrapiまたはPayload
- すでにNext.jsを使っていて、CMSを同じアプリに入れたい
- Payload
- マーケターがページをビジュアルに編集したい
- Storyblok
- コンテンツをGitで管理できる小規模な静的サイト
- Decap CMS
各CMSで同じブログ一覧を取得する
Sanity:GROQで記事一覧を取得
GROQは1つのクエリでドキュメントの選択と整形を行うため、slugはそのまま文字列として返ってきます。
Contentful:Delivery APIで記事一覧を取得
getEntriesでコンテンツタイプを絞り込みます。各フィールドはfieldsの下に返されます。
Strapi 5:RESTで記事一覧を取得
StrapiはコンテンツタイプごとにREST APIを生成します。バージョン5ではバージョン4のattributesラッパーがなくなり、各アイテムに直接フィールドが返されます。
Payload 3:Server Componentからクエリ
PayloadはNext.jsアプリの内部で動作するため、Server ComponentからLocal APIを通じて、HTTPリクエストなしでデータベースを読み取れます。
Storyblok:CDN APIでストーリー一覧を取得
フォルダー内のストーリーはstarts_withで取得します。公開トークンは読み取り専用なので、静的ビルドで使っても安全です。
Decap CMS:リポジトリ内のMarkdownを編集
Decapは、MarkdownファイルをGitリポジトリにコミットする管理画面です。サイトジェネレーターは、それをほかのファイルと同じようにビルドします。
サイトジェネレーターも選んでいるなら、こちらもどうぞ:
静的サイトジェネレーター比較
無料で始める · クレジットカード不要
関連: ガイド|Webマーケティングと集客を学ぶ
製品
ご利用いただける方
機能
リソース
会社情報
サイトマップを見る