← all posts

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