Hello, World!
First post on the new blog. Setting up MDX with next-mdx-remote was straightforward.
metanextjs
This is the first post on the new blog. The setup uses next-mdx-remote with gray-matter for frontmatter parsing.
Why next-mdx-remote?
It's more flexible than @next/mdx — no config needed in next.config.ts, and it works well with the App Router.
Code block
import { MDXRemote } from "next-mdx-remote/rsc"
function Post({ content }: { content: string }) {
return <MDXRemote source={content} />
}
List example
- Works with App Router
- Supports gray-matter frontmatter
- No build-time config required