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

¿Por qué MDX?

MDX es una variante especial de Markdown que admite sintaxis JavaScript & JSX incrustada. Esto te permite mezclar JavaScript y componentes de interfaz de usuario en tu contenido de Markdown para cosas como gráficos interactivos o alertas.

Si tienes contenido existente escrito en MDX, esta integración hará que la migración a Astro sea muy fácil.

Ejemplo

Aquí te mostramos cómo importar y usar un componente de interfaz de usuario dentro de MDX.
Cuando abras esta página en el navegador, deberías ver el botón interactivo a continuación.

Componente incrustado en MDX

Más enlaces

• Documentación de la sintaxis MDX
• Documentación de uso de Astro
• Nota: Las Directivas del 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.