O Astro vem com a integração @astrojs/mdx já instalada no astro.config.mjs. Isso permite misturar Markdown com componentes dentro dos posts.

Por que usar MDX?

O MDX é um “Markdown com poderes”: você consegue embutir JS e JSX no conteúdo. Isso abre espaço para componentes interativos, como botões, gráficos e alertas, direto dentro de um post.

Exemplo

Aqui está como importar e usar um componente dentro de um post MDX:

Link para o meu GitHub

Documentação

Para saber mais sobre MDX e Astro:

• Sintaxe de MDX
• MDX no Astro