←% cd ..
% grep -r "jamstack" /posts/
Jamstack
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 の日本語検索を深掘りする — トークナイザの食い違いと IME 対策
Pagefind の日本語検索で「サイバー」が「サイドバー」にヒットする原因を調査。 インデックス側(lindera/IPAdic)とクエリ側(Intl.Segmenter)のトークナイザの食い違い、IME 対策の実装まで。
Pagefind でブログに検索機能をつけた
静的サイトに無料で検索機能を追加するために Pagefind を導入。 選定理由、日本語対応、Next.js + Vercel での構成をまとめた。
Next.js + Vercel で爆速で多言語ブログを作る
Next.jsとVercelを活用し、GitHub連携で爆速構築するJamstackブログの技術スタックと設計を解説。 Google Gemini APIを用いた日英翻訳やSupabaseによるデータ管理など、実用的な多言語ブログ運用の工夫を紹介します。