←% cd ..
% grep -r "nextjs" /posts/
Next.js
Front Matter CMS と Keystatic を共用すると設計思想の違いが見えてきた
Front Matter CMSとKeystaticの併用を試みた際、Markdocのシリアライズ仕様やSPAキャッシュ、IndexedDBのドラフト機能が引き起こす課題と、その解決策について解説します。
Keystatic を Vercel Preview にデプロイする
KeystaticをVercelのPreview環境にデプロイし、モバイルからも記事編集ができる環境を構築する方法を解説。GitHub Appのセットアップから環境変数、middlewareによる本番環境のアクセス制限まで、公式ドキュメントで迷いやすい罠と解決策を詳細にまとめました。
コンテンツのローカル編集用 CMS に Keystatic を試用
GitベースCMS「Keystatic」をNext.js環境に導入し、ローカルでの設定やRoute Groupsによる画面分離、Markdocの構造化問題への対処法を解説。
Front Matter CMS で Markdown ブログの執筆環境を整える
VS Code拡張機能「Front Matter CMS」を導入し、MarkdownファイルとGitで管理するブログの執筆環境を最適化した記録。メタデータの管理や自動化パイプラインとの共存、VS Codeでの運用ルール構築の実際を解説。
Pagefind でブログに検索機能をつけた
静的サイトに無料で検索機能を追加するために Pagefind を導入。 選定理由、日本語対応、Next.js + Vercel での構成をまとめた。
Next.js + Vercel で爆速で多言語ブログを作る
Next.jsとVercelを活用し、GitHub連携で爆速構築するJamstackブログの技術スタックと設計を解説。 Google Gemini APIを用いた日英翻訳やSupabaseによるデータ管理など、実用的な多言語ブログ運用の工夫を紹介します。