next mdx remote

next-mdx-remote/rsc は、Next.js の App Router（app/ ディレクトリ構成）向けに MDX をレンダリングするための新機能である。

React Server Components (RSC) に対応しており、従来の Pages Router 用の next-mdx-remote と異なり、サーバーサイドで直接 MDX を処理する仕組みを持つ。これにより、クライアント側の JavaScript を削減できる。app/ ディレクトリや静的生成 (SSG) に最適であり、SEO 向上や高速表示にも貢献する。カスタムコンポーネントにも対応している一方で、クライアントで状態管理を含む MDX を利用する際には工夫が求められる。効率的なシステム構築に適したツールである。