Construindo um blog com Next.js 15 e MDX

Escrever em MDX direto no repositório é uma das formas mais simples de publicar conteúdo sem dependência de banco de dados ou CMS.

Por que MDX?

MDX combina Markdown com componentes React. Você escreve o conteúdo como texto e pode injetar componentes interativos quando precisar.

import { MDXRemote } from "next-mdx-remote/rsc";

export default async function Post({ source }: { source: string }) {
  return <MDXRemote source={source} />;
}

Resultado

O build gera páginas estáticas, o tempo de leitura é calculado automaticamente e o tema claro/escuro funciona sem JavaScript extra.