Next.js
gray-matter で Markdown の frontmatter をパース — TypeScript で型安全に使う
gray-matter を使って Markdown ファイルの frontmatter（YAML ヘッダー）を解析し TypeScript で型安全にメタデータを扱う方法を、実プロジェクトのコードを交えて解説します。
Next.js
Markdown から説明文を自動生成する — generateExcerpt 関数の実装と使い方
frontmatter の description が未設定でも Markdown 本文から自動で抜粋テキストを生成する generateExcerpt 関数の実装と、OGP・Twitter Card への連携方法を解説します。
フロントエンド
unified/remark/rehype パイプライン — Markdown を高機能 HTML に変換する仕組み
unified エコシステムを使った Markdown→HTML 変換パイプラインの全貌を解説。remark・rehype 各プラグインの役割と AST 変換フローを実装コードとともに紹介します。