用途：MDX 让 Markdown 文档可以内嵌 JSX 并导入 React 组件，适合构建内容密集型网站、文档与博客。
主要能力：支持在 Markdown 中书写 JSX、导入并使用自定义组件、导出数据与组件，并通过 frontmatter 管理元数据；可配合 remark/rehype 插件扩展语法与 HTML 处理，支持语法高亮、目录锚点等。
使用方式：在 Next.js 中安装 @next/mdx @mdx-js/loader @mdx-js/react，并在 next.config.mjs 中通过 createMDX 配置扩展名与插件；页面中可动态 import .mdx 文件获取默认导出内容与 frontmatter。frontmatter 可用 gray-matter 解析，或用 zod 做类型校验。自定义组件可通过 MDXProvider 或 App Router 的 useMDXComponents 统一注入。远程内容可用 next-mdx-remote 渲染。Contentlayer 可作为推荐的内容层方案，安装 contentlayer next-contentlayer 并配置 contentlayer.config.ts。
适用场景：文档站、博客、营销页等需要 Markdown 写作与 React 组件交互结合的项目。
限制：资料未提供具体收费、价格、平台支持范围与效果数据；部分配置与插件需按项目实际调整。