MDXでコンポーネントを使ってみよう

はじめに

この記事では、MDX の機能を使って Markdown の中にコンポーネントを埋め込みます。通常の Markdown 記法もそのまま使えます。

Astro 公式サイト

The web framework for content-driven websites.

🔗 astro.build

Astro Markdown ガイド

Astro での Markdown と MDX の使い方を解説する公式ドキュメント。

🔗 docs.astro.build

Astro は、コンテンツ駆動型のウェブサイトを構築するためのウェブフレームワークです。 ― Astro 公式サイトより

MDX を使えば、静的な Markdown 記事にリッチな UI を追加できます。ただし、すべての記事を MDX にする必要はありません。必要なときだけ .mdx を使いましょう。