Este tema viene con la integracion @astrojs/mdx instalada y configurada en tu archivo de configuracion astro.config.mjs. Si prefieres no usar MDX, puedes desactivar el soporte eliminando la integracion de tu archivo de configuracion.
Por que MDX?
MDX es un sabor especial de Markdown que soporta sintaxis JavaScript y JSX embebida. Esto permite la capacidad de mezclar JavaScript y componentes de UI en tu contenido Markdown para cosas como graficos interactivos o alertas.
Si tienes contenido existente escrito en MDX, esta integracion con suerte hara que migrar a Astro sea muy sencillo.
Ejemplo
Asi es como importas y usas un componente de UI dentro de MDX. Cuando abras esta pagina en el navegador, deberas ver el boton clickeable a continuacion.
Componente embebido en MDX
Mas Enlaces
- Documentacion de Sintaxis MDX
- Documentacion 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 renderizaran como HTML estatico (sin JavaScript) por defecto.