開発

静的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再ビルド、下書きプレビューまでまとめます。