Comecando um blog estatico com Next.js 16

Publicar com simplicidade era o objetivo principal deste projeto. A ideia foi reduzir friccao para escrever e manter tudo em arquivos versionados.

O que eu queria resolver

• Escrever em markdown
• Gerar paginas estaticas no build
• Manter baixo custo de manutencao
• Reaproveitar componentes para futuras secoes

Decisoes tecnicas

1. Usar frontmatter para metadados do artigo
2. Gerar slugs estaticos com App Router
3. Sanitizar HTML no pipeline de markdown

O guia oficial de exportacao estatica do Next.js foi essencial para evitar features nao suportadas: Static Exports.

Exemplo pratico de parser

export function calculateReadingTime(markdown: string): string {
	const words = markdown.trim().split(/\s+/).filter(Boolean).length;
	const minutes = Math.max(1, Math.ceil(words / 200));
	return `${minutes} min de leitura`;
}

Primeiro resultado

Com App Router e geracao de rotas por slug, a base ficou pronta para crescer com novos artigos. O proximo passo e evoluir os posts com estudos de caso reais.