mdx

Add the content layer to your Next.js 16 blog: read MDX files from disk, parse frontmatter with gray-matter, compile on-demand with next-mdx-remote, and render posts with syntax highlighting via rehype-pretty-code + Shiki.

A comprehensive guide to MDX — combining Markdown and JSX to write interactive, component-rich documentation and blog posts. Covers syntax, plugins, Next.js integration, and real-world patterns.