Tema ini sudah dilengkapi dengan integrasi @astrojs/mdx yang terpasang dan dikonfigurasi di file konfigurasi astro.config.mjs kamu. Kalau kamu lebih suka nggak pakai MDX, kamu bisa nonaktifkan dukungannya dengan menghapus integrasi tersebut dari file konfigurasi.
Kenapa MDX?
MDX adalah varian spesial dari Markdown yang mendukung sintaks JavaScript & JSX bawaan. Ini membuka kemampuan untuk mencampur JavaScript dan Komponen UI ke dalam konten Markdown kamu untuk hal-hal seperti grafik interaktif atau notifikasi.
Kalau kamu punya konten yang sudah ditulis dalam MDX, integrasi ini semoga bikin migrasi ke Astro jadi lebih mudah.
Contoh
Ini cara kamu mengimpor dan menggunakan komponen UI di dalam MDX.
Saat kamu buka halaman ini di browser, kamu harusnya lihat tombol yang bisa diklik di bawah.
Komponen tertanam di MDX
Tautan Lainnya
- Dokumentasi Sintaks MDX
- Dokumentasi Penggunaan Astro
- Catatan: Client Directives masih diperlukan untuk membuat komponen interaktif. Kalau nggak, semua komponen di MDX kamu bakal dirender sebagai HTML statis (tanpa JavaScript) secara default.
Belum ada diskusi — jadilah yang pertama bertanya.