Tato šablona obsahuje integraci @astrojs/mdx, která je již nainstalovaná a nakonfigurovaná v souboru astro.config.mjs. Pokud nechcete MDX používat, můžete podporu vypnout odstraněním integrace z konfiguračního souboru.

Proč MDX?

MDX je speciální varianta Markdownu, která podporuje vložený JavaScript a JSX syntaxi. To umožňuje kombinovat JavaScript a UI komponenty přímo v Markdown obsahu – například pro interaktivní grafy nebo upozornění.

Pokud máte existující obsah napsaný v MDX, tato integrace vám usnadní migraci do Astra.

Příklad

Zde je ukázka, jak importovat a použít UI komponentu uvnitř MDX.
Po otevření této stránky v prohlížeči byste měli vidět klikatelné tlačítko níže.

Vložená komponenta v MDX

Další odkazy

• Dokumentace MDX syntaxe
• Dokumentace použití v Astru
• Poznámka: Pro vytvoření interaktivních komponent jsou stále vyžadovány Client Directives. Jinak se všechny komponenty v MDX vykreslí jako statické HTML (bez JavaScriptu).