Este tema vem com a integração @astrojs/mdx instalada e configurada no seu arquivo de configuração astro.config.mjs. Se preferir não usar MDX, você pode desabilitar o suporte removendo a integração do seu arquivo de configuração.

Por que MDX?

MDX é uma variação especial de Markdown que suporta sintaxe JavaScript e JSX incorporada. Isso desbloqueia a habilidade de misturar JavaScript e Componentes de UI no seu conteúdo Markdown para coisas como gráficos interativos ou alertas.

Se você possui conteúdo existente escrito em MDX, essa integração facilitará a migração para o Astro.

Exemplo

Aqui está como importar e usar um Componente de UI dentro do MDX. Quando você abrir esta página no navegador, deverá ver o botão clicável abaixo.

Mais Links

• Documentação de Sintaxe MDX
• Documentação de Uso do Astro
• Nota: Diretivas de Cliente ainda são necessárias para criar componentes interativos. Caso contrário, todos os componentes no seu MDX serão renderizados como HTML estático (sem JavaScript) por padrão.