Semua Artikel

Akhirnya Jadi Juga Blog Baru

Pertama kali saya mulai menulis di WordPress. Waktu itu saya merasa WordPress adalah pilihan paling masuk akal, tidak perlu ngoding, banyak plugin, dan tinggal fokus menulis saja. Namun, WordPress.com sekarang tidak gratis, self-host WordPress pun perlu biaya sewa web hosting yang lumayan tiap bulannya.

Lalu, saya pindah ke Hashnode. Platform ini gratis dan mudah digunakan. Cuma, setiap kali mengakses Hashnode selalu dihadapkan dengan security check dan loading halaman yang lama. Akhirnya saya mencari-cari platform blog lainnya.

Ada beberapa opsi, yaitu Substack, dev.to, dan Medium. Saya mengincar platform yang menyediakan fitur code snippet dan pembaca sesama developer. Pilihan saya jatuh ke dev.to karena komunitasnya aktif dan tulisan lebih mudah ditemukan orang. Kamu bisa akses blog saya di https://dev.to/hafidnrzs.

Walaupun begitu, saya masih merasa ini bukan rumah, dan akhirnya memutuskan untuk membangun sendiri.

Mengapa Astro?

Setelah berbagai pertimbangan, saya memutuskan membangun blog menggunakan Astro.

Logo Astro

Astro adalah framework JavaScript yang dirancang khusus untuk membuat website yang berfokus pada konten, seperti blog.1 Ia menggunakan pendekatan SSG, artinya halaman di-generate saat build, bukan saat ada request masuk.

“Ship less JavaScript” adalah prinsip utama Astro. Secara default, Astro tidak mengirimkan JavaScript ke browser sama sekali, kecuali memintanya secara eksplisit.

Ini yang membuatnya menarik bagi saya.

Tech Stack yang Digunakan

  1. Astro - framework utama
  2. CSS murni - untuk styling halaman
  3. Markdown - untuk konten blog
    • Frontmatter untuk metadata
    • MDX untuk konten yang lebih dinamis (mungkin ke depannya)
  4. GitHub - untuk version control
  5. Cloudflare - untuk deployment

Saya sengaja tidak menggunakan TailwindCSS atau framework CSS apapun. Ini yang paling menyenangkan sekaligus menyiksa, sebagai tantangan agar bisa memahami CSS secara mendalam.

Cara Menulis Artikel dengan Astro dan Markdown

Setiap artikel di Astro ditulis menggunakan Markdown dan disimpan di folder src/content/blog. Untuk memformat teks, saya bisa menggunakan berbagai syntax seperti tebal, miring, atau kode inline.

Markdown juga bisa me-render keyboard shortcut, seperti Ctrl + Shift + P. Atau bahkan potongan kode seperti

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Example HTML5 Document</title>
  </head>
  <body>
    <p>Test</p>
  </body>
</html>

Mengapa Penting Punya Blog Sendiri?

Menulis di platform orang lain itu ibarat menyewa kos. Bisa tinggal di sana, tapi banyak aturan ketat, dan sewaktu-waktu bisa diusir. Punya blog sendiri berarti punya rumah sendiri di internet. Konten sepenuhnya milik sendiri. Desain bisa diatur dengan bebas.

Blog saya di dev.to tetap dipakai, tetapi akan fokus pada konten-konten bahasa Inggris dan blog ini untuk semua dev-log dan tulisan berbahasa Indonesia.

Saat ini blog ada di versi 1st iteration, masih tahap awal dan nantinya akan banyak perubahan.

Terima kasih sudah mampir ke rumah baru saya. Seperti air (H2O), tulisan di sini akan terus mengalir dan berubah bentuk sesuai kebutuhan.

Sampai jumpa di artikel berikutnya.

Footnotes

  1. Astro pertama kali dirilis secara publik pada tahun 2021 dan dengan cepat mendapat perhatian besar di komunitas web developer karena pendekatannya yang unik dalam mengurangi JavaScript yang dikirim ke browser. ↩

Komentar