06/04/2026

Hello, MDX

Primeiro post em MDX, com componentes reutilizaveis e export estatico.

Blog tecnico

Hello, MDX

Este post mostra a versao rica do blog: texto, componentes reutilizaveis, Mermaid e imagem local.

Introducao

Esse post vive em content/posts e e convertido para um componente React durante o build, sem backend e sem CMS.

Resumo

MDX permite manter o blog estatico e, ao mesmo tempo, abrir espaco para diagramas, blocos visuais e composicao de conteudo.

Exemplo de codigo

export function greet(name: string) {
	return `Hello, ${name}`;
}

Formato

MDX

conteudo rico com build estatico

Uso

Blog

texto editorial com componentes

Diagrama

Mermaid

renderizado no cliente

Asset

Local

imagens servidas do proprio site

Fluxo

Foto do autor
Figura local reaproveitada como exemplo visual no blog.

Fechamento

MDX nao obriga a estilizar demais o texto. O uso mais saudavel e tratar componentes como ferramentas pontuais, nao como substitutos do artigo.