Testando blog posts interativos: componentes MDX e React no feed
Dia dedicado a transformar um post de RAG de markdown estático em um layout interativo e animado, brigando com performance ao interagir com tabs e animações dentro do post.
Dia focado em uma pergunta: um blog post pode ser mais do que texto estático?
tgmarinho-ai-website
A ideia era pegar um post de overview sobre RAG e deixá-lo visualmente mais rico: gráficos animados, seções em tabs, um layout interativo que explica o conceito melhor do que um bloco de prosa. A referência eram alguns mockups em HTML que eu tinha feito, mais o próprio design system do site.
O nó central era o formato do conteúdo. Hoje o body do post é markdown puro, então JSX e componentes React não rodam dentro dele. Investiguei mover os posts interativos para MDX, que o Velite suporta, e montei uma área separada em content/interactive-posts/ para testar esse caminho sem mexer no pipeline de markdown principal.
Não saiu de graça. Com as tabs e animações rodando dentro do post, a página ficou lenta e até travou ao interagir com as tabs. Então boa parte do dia foi a parte honesta do trabalho: construir a versão interativa, ver ela engasgar, e decidir se a complexidade compensa para o punhado de posts que realmente precisam disso.
Também gerei uma imagem de capa contextual para o post interativo de RAG.
Interatividade é fácil de querer e cara de manter rápida, e a decisão real é quais posts merecem esse custo.