Notes
技術メモ・音楽活動記
@next/mdx でポートフォリオに MDX ブログを作った — 型安全な frontmatter と Turbopack のハマりどころ
前回書いた Intercepting Routes の記事、その置き場所として Notes 機能を作った。next-mdx-remote を使わず @next/mdx ネイティブで組み、frontmatter を zod で守り、Turbopack のプラグイン制約を越えるまでの実装記録。今まさに読んでいるこのページの中身の話です。
Next.js App Router の Intercepting Routes で「URL共有できるモーダル」を作る
EP一覧からクリックするとモーダル、URL直アクセスならフルページ。Parallel Routes と Intercepting Routes でこのUXを実装し、(.)/(..) のハマりどころや dev/prod でのテスト分離まで含めて解説します。