Contentfulサマリー

Contentful サマリー

Headless CMS の一つ : 公式HP

headless cms 例

画像引用 : codezine よりより

Headless CMSを導入するメリット

  • コンテンツと表示を分離できる。
    • コンテンツの表示方法を柔軟にカスタムできる。
  • ブログ以外にも通常ページの固定文言箇所・メタデータ等にも利用できる。
    • コンテンツ変更のPDCAを改善できる。
  • Jamstackと相性がいい。
  • モバイルプラットフォームでも利用しやすい。

Contentfulの特徴

  • 無料プランでアカウント作成し一通り作成できる。
  • GraphQL対応 (対応してるHeadless CMSは少ない)
    • 記事・コンテンツ・メタデータをクエリで並び順・抽出方法を柔軟に変更できる。
    • 言語毎にキーを打っておけば言語毎のコンテンツ管理が楽になる。
  • 使用者が多く情報も多い
  • Gatsby・vue・nuxt・react等のフロントエンドフレームワークに対して、ライブラ・プラグインが揃っていて導入が楽。
  • markdown・json等のメタデータ、タグ情報。位置情報、時刻 等 豊富なフィールド
  • 文字数等のバリテーションをかけれる。
  • コンテンツ変更をイベントフックできる。
  • markdown記述をAPI経由でhtmlにコンバートしてくれる。

Headless CMS 比較参考

https://liginc.co.jp/561849
https://wk-partners.co.jp/homepage/blog/hpseisaku/htmlcss/headless-cms/

© 2023 Dev Blog