MASSIVE LINKS株式会社
用語集一覧AI・開発

ヘッドレスCMS

読み方:ヘッドレスシーエムエス

コンテンツ管理機能(バックエンド)とコンテンツ表示機能(フロントエンド)を分離したCMSアーキテクチャ。APIを通じてコンテンツを配信するため、WebサイトだけでなくアプリやIoTデバイスなど任意のフロントエンドでコンテンツを再利用できる。

ヘッドレスCMSとは

従来のCMS(WordPress等)はバックエンドとフロントエンドが結合していますが、ヘッドレスCMSはコンテンツ管理部分(ヘッド=フロントエンドが存在しない)のみを提供し、APIでコンテンツを配信します。

従来CMSとの違い

| 比較軸 | 従来のCMS | ヘッドレスCMS |

|--------|-----------|--------------|

| 表示 | テーマで決まる | 自由に実装 |

| 配信先 | Webのみ | Web・アプリ・あらゆるデバイス |

| 柔軟性 | 低 | 高 |

| 学習コスト | 低 | 高 |

代表的なヘッドレスCMS

  • Contentful:エンタープライズ向け、豊富なAPI
  • Sanity:リアルタイム協働・高い柔軟性
  • Strapi:OSSでセルフホスト可能
  • Newt:日本向け機能が充実

活用シーン

フロントエンドにNext.jsを使い、コンテンツ管理にヘッドレスCMSを使うJamstack構成が、現代のWebサイト開発のベストプラクティスの一つとして普及しています。

ヘッドレスCMSとは | 用語集 | MASSIVE LINKS株式会社 | MASSIVE LINKS株式会社