---

Perhatian

Postingan ini dibuat oleh AI, dan gw suruh buat demo in semua fitur penulisan di blog ini biar gw inget dan gaperlu buka” dokumentasi. So, klo kalian tetep baca juga gapapa sih, cuma bahasanya mungkin bakal AI slop banget. Hehe…

Postingan ini bahasanya santai, tapi isinya serius: semua fitur penulisan yang disediain MDX, ditunjukin langsung di sini. Jadi kalo nanti lupa cara nulis sesuatu, buka postingan ini aja.

Gaya teks dasar

Teks miring buat penekanan halus, tebal buat yang penting, coret buat yang udah ga berlaku (kayak niat begadang semalem). Kode sebaris kayak npm run dev ditulis pake backtick.

Daftar-daftaran

Belanjaan sebelum nugas:

• Kopi sachet
• Indomie goreng
  • Telor 2 butir
  • Sawi kalo lagi rajin
• Kuota (atau numpang wifi kampus)

Langkah nge-push tulisan baru:

1. Nulis file .md atau .mdx di src/content/blog/
2. Cek pake npm run dev
3. Commit terus push, kelar

Status blog sejauh ini:

• Blog jalan
• Postingan pertama tayang
• Kaya dari jasa bikin blog

Tabel

Jadwal nulis ideal (ideal doang, realitanya lihat nanti):

Hari	Target	Realita
Senin	Abis kuliah	Ketiduran
Rabu	Abis praktikum	Nongkrong
Sabtu	Sehari full	Main HP

Kutipan

Menulis itu kayak ngecas HP: keliatannya sepele, tapi kalo ga dilakuin, mati di tengah jalan.

— Gw sendiri, barusan mikir

Kode

Perintah yang paling sering diketik akhir-akhir ini:

npm run dev
npm run build
git add . && git commit -m "nambah tulisan" && git push

Terus ini contoh JavaScript iseng:

const umur = 19 + 1; // hasilnya 20, nambahnya cepet banget njir
console.log(`Umur gw sekarang ${umur} tahun`);

Link dan gambar

Ngomong-ngomong soal MDX, dokumentasinya bisa dibaca di situs MDX atau panduan Astro tentang Markdown & MDX.

Ini contoh gambar, logonya Astro:

---

Fitur khusus MDX

Nah ini yang ga bisa dilakuin Markdown biasa: masukin komponen langsung ke dalam tulisan.

Selain komponen, MDX juga bisa ngejalanin ekspresi JavaScript langsung. Contoh: umur gw tahun ini 20 tahun. Atau tahun sekarang 2026.

Terus bisa juga selipin JSX sebaris: teks dengan gaya sendiri. Praktis buat hal kecil tanpa bikin komponen baru.

Klik buat liat pesan tersembunyi

Selamat, lo nemu fitur <details>! Tag HTML mentah kayak gini jalan normal di dalam MDX. Cocok buat spoiler atau FAQ.

Udah, itu semua. Intinya: Markdown buat yang standar, MDX buat yang butuh lebih. Balik nulis beneran sekarang. 🚀