Mengapa Saya Beralih ke Astro

Saat membangun portofolio ini, saya dihadapkan pada dua pilihan besar: tetap menggunakan React (Next.js) yang sudah saya kuasai, atau mencoba Astro yang sedang naik daun.

Masalah dengan SPA

Single Page Application (SPA) memang keren untuk interaktivitas, tapi seringkali “overkill” untuk situs konten statis. Bundle JavaScript yang besar memperlambat First Contentful Paint (FCP), dan SEO seringkali menjadi tantangan tersendiri tanpa konfigurasi SSR yang rumit.

Solusi Astro

Astro datang dengan pendekatan Islands Architecture. Secara default, ia mengirimkan 0kb JavaScript ke browser!

// Contoh komponen Astro
---
const name = "Dunia";
---
<h1>Halo {name}!</h1>

Hasilnya? Skor Lighthouse saya langsung hijau semua! 🚀