Next.js
generateStaticParams で全記事を事前ビルド — Next.js 静的サイト生成の仕組み
Next.js App Router の generateStaticParams を使って動的ルートの全パターンを事前生成する方法と、output: export の静的エクスポートとの関係を実装例で解説します。
Next.js
gray-matter で Markdown の frontmatter をパース — TypeScript で型安全に使う
gray-matter を使って Markdown ファイルの frontmatter（YAML ヘッダー）を解析し TypeScript で型安全にメタデータを扱う方法を、実プロジェクトのコードを交えて解説します。
Next.js
Next.js generateMetadata — 動的 SEO メタデータの自動生成
Next.js App Router の generateMetadata 関数を使い、記事ごとに title・description・OGP・Twitter Card を動的に生成する方法を実装例とともに解説します。
Next.js
Markdown から説明文を自動生成する — generateExcerpt 関数の実装と使い方
frontmatter の description が未設定でも Markdown 本文から自動で抜粋テキストを生成する generateExcerpt 関数の実装と、OGP・Twitter Card への連携方法を解説します。
Next.js
Next.js でページネーションを実装する — createPageData 関数の設計と使い方
createPageData() 関数でページング情報を一元管理する方法を、動的ルーティングや Pagination コンポーネントとの連携を含めて解説します。記事数が増えても快適に閲覧できる構成です。