Astroで下書きプレビューを作る:静的ページとSSRプレビューの分け方
genkoの保存済み下書きをAstroでプレビューする方法を解説します。Nodeアダプター、専用SSRルート、実際のSDKのdraftKey、APIキーのサーバー管理、エディタのURL設定、キャッシュ対策までまとめます。
genko.meが運営する公式ブログです。
活用のヒントや開発の話、サービスづくりの裏側をお届けします。
Claude CodeやCodexでヘッドレスCMS連携を実装する際の進め方を解説します。genko.meのSkill、llms.txt、MCP、CLIを使い分け、実在するAPIと生成型に基づいて取得コードを作り、検証する手順です。
静的HTMLサイトに、genko.meの配信APIと素のJavaScriptでお知らせ一覧を追加する方法を解説します。フレームワーク不要の実装例から、APIキーの公開条件、更新反映、SEOを重視する場合の構成まで整理します。
Claude Codeからgenko.meのMCPサーバーへOAuthで接続し、記事の下書き作成・更新・公開・予約公開まで進める方法を解説します。公開前の承認、権限、言語版の扱いと接続トラブルも確認できます。
Newtの2026年11月24日のサービス終了に向け、記事データをgenko.meへ移す手順を解説。JSONの取り込み、画像の自動移行とZIPの利用、記事IDとURLの維持、公開前の確認点を整理します。
ヘッドレスCMSとWordPressの違いを、構成、費用、セキュリティ、編集体験、SEO、保守の観点から比較します。小規模チーム向けの判断表と、WordPressを使い続けるほうがよいケースも紹介します。
genkoの保存済み下書きをAstroでプレビューする方法を解説します。Nodeアダプター、専用SSRルート、実際のSDKのdraftKey、APIキーのサーバー管理、エディタのURL設定、キャッシュ対策までまとめます。
CMSで予約公開しても静的HTMLが変わらない理由を、genko.meの配信APIと予約公開Webhookで解説します。Astro・Next.js static exportの再ビルド、ISRの再検証、公開終了、cronによる復旧まで扱います。
microCMS Hobbyの現行料金表でAPI数、コンテンツ数、転送量、メンバー、メディアの上限を確認し、個人開発で制限に近づく場面と、genko.me Freeとの比較、有料化や移行の判断を整理します。
Newtは2026年11月24日にサービスを終了します。公式のデータ削除方針を確認し、コンテンツモデル、API、画像、編集、料金、移行工数、再移行のしやすさで候補を選ぶ方法を解説します。
Claude CodeやCodexでヘッドレスCMS連携を実装する際の進め方を解説します。genko.meのSkill、llms.txt、MCP、CLIを使い分け、実在するAPIと生成型に基づいて取得コードを作り、検証する手順です。
Claude Codeからgenko.meのMCPサーバーへOAuthで接続し、記事の下書き作成・更新・公開・予約公開まで進める方法を解説します。公開前の承認、権限、言語版の扱いと接続トラブルも確認できます。
多言語サイト向けヘッドレスCMSは、言語数だけでなく翻訳モデル、言語別公開、フォールバックで選びます。genko.meで日英の記事を配信する手順と、Contentful・Sanityとの違い、hreflangの設計を解説します。
Cookieなしで記事別の閲覧数を計測し、CMSで確認する方法を解説します。genko.meのPageView・ViewCount、素のJavaScriptでの送信、人気順の一覧、重複除外と保存データ、GA4などとの使い分けを整理します。
静的HTMLサイトに、genko.meの配信APIと素のJavaScriptでお知らせ一覧を追加する方法を解説します。フレームワーク不要の実装例から、APIキーの公開条件、更新反映、SEOを重視する場合の構成まで整理します。
SvelteKit 2とSvelte 5でgenkoを使う手順を解説します。サーバー専用のload関数で記事一覧と詳細を表示する方法、prerenderとentriesによる静的生成、アダプター選定、下書きプレビューの分離まで確認できます。