ブログ

AIエージェントでCMS連携を実装する：Claude CodeとCodex

Claude CodeやCodexでヘッドレスCMS連携を実装する際の進め方を解説します。genko.meのSkill、llms.txt、MCP、CLIを使い分け、実在するAPIと生成型に基づいて取得コードを作り、検証する手順です。

ClaudeからCMSに記事を書いて公開する方法：genko.meのMCP連携

Claude Codeからgenko.meのMCPサーバーへOAuthで接続し、記事の下書き作成・更新・公開・予約公開まで進める方法を解説します。公開前の承認、権限、言語版の扱いと接続トラブルも確認できます。

多言語サイトのヘッドレスCMSの選び方と作り方：翻訳・公開・hreflang

多言語サイト向けヘッドレスCMSは、言語数だけでなく翻訳モデル、言語別公開、フォールバックで選びます。genko.meで日英の記事を配信する手順と、Contentful・Sanityとの違い、hreflangの設計を解説します。

Cookieなしで記事ごとのPVを数える方法：genkoの設定と人気記事表示

Cookieなしで記事別の閲覧数を計測し、CMSで確認する方法を解説します。genko.meのPageView・ViewCount、素のJavaScriptでの送信、人気順の一覧、重複除外と保存データ、GA4などとの使い分けを整理します。

静的HTMLサイトにお知らせ欄を追加する：CMSと素のJavaScript

静的HTMLサイトに、genko.meの配信APIと素のJavaScriptでお知らせ一覧を追加する方法を解説します。フレームワーク不要の実装例から、APIキーの公開条件、更新反映、SEOを重視する場合の構成まで整理します。

SvelteKitでヘッドレスCMSを使う：load・静的生成・アダプター選定

SvelteKit 2とSvelte 5でgenkoを使う手順を解説します。サーバー専用のload関数で記事一覧と詳細を表示する方法、prerenderとentriesによる静的生成、アダプター選定、下書きプレビューの分離まで確認できます。

NuxtでヘッドレスCMSを使う：useFetch・SSR・下書きプレビュー

Nuxt 4でヘッドレスCMSを使う方法を、genkoのSDKとuseFetchで解説します。APIキーをサーバー側で管理し、記事一覧と詳細をSSRで表示する手順から、プリレンダリングと下書きプレビューのキャッシュ対策まで確認できます。

Next.jsでCMSの公開を即反映する：Webhookと再検証

Next.js App RouterでCMSの記事公開をWebhookで受け、一覧と詳細のキャッシュを更新する方法を解説します。genko.meの署名検証、手動公開と予約公開のイベント差、再検証のタイミング、失敗時の復旧まで扱います。

• Next.js

Astroでブログを作る手順：ヘッドレスCMS連携とSSG・更新反映

Astroでブログを作る方法を、genkoのSDKで記事一覧と詳細を静的生成する例で解説します。APIキーの管理、画像配信、Content Collectionsとの使い分け、Webhook再ビルド、下書きプレビューまでまとめます。

無料で使えるヘッドレスCMS比較：小規模サイト向けの選び方【2026年】

無料のヘッドレスCMSを人数、API利用、保存容量、多言語で比較します。microCMS、Contentful、Sanity、Storyblok、Strapi、Hygraph、genko.meなどの公式料金を確認し、選び方を解説します。

• 料金
• microCMS