Astro Sphere: Escrevendo em MDX

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

Se você possui conteúdo escrito em MDX, esta integração facilita muito a migração para o Astro.

Um componente Astro com props

// Importado de um caminho relativo (mesmo diretório do arquivo markdown)
import MyComponent from "./MyComponent.astro"

<MyComponent name="Você">
  Bem-vindo ao MDX
</MyComponent>

Um componente SolidJS interativo

// Importado do diretório de componentes (src/components)
import MyComponent from "@components/Counter"

// Não esqueça a diretiva client:load do Astro
<Counter client:load />