Este tema incluye la integración @astrojs/mdx instalada y configurada en tu archivo astro.config.mjs. Si prefieres no usar MDX, puedes desactivar el soporte eliminando la integración del archivo de configuración.

¿Por qué MDX?

MDX es una variante de Markdown que soporta JavaScript y JSX embebidos. Esto habilita la posibilidad de mezclar JavaScript y componentes de UI dentro del contenido Markdown para cosas como gráficos interactivos o alertas.

Si ya tienes contenido escrito en MDX, esta integración hará que migrar a Astro sea mucho más fácil.

Ejemplo

Así puedes importar y usar un componente de UI dentro de MDX.
Cuando abras esta página en el navegador, deberías ver el botón clicable que aparece debajo.

Componente embebido en MDX

Más enlaces

• Documentación de sintaxis MDX
• Documentación de uso en Astro
• Nota: Las Directivas de cliente siguen siendo necesarias para crear componentes interactivos. De lo contrario, todos los componentes en tu MDX se renderizarán como HTML estático (sin JavaScript) por defecto.