Waktu awal-awal jadi developer, saya punya prinsip: "Pakai React/Next.js untuk semuanya." Wajar sih, ekosistemnya besar dan saya udah nyaman banget di sana. Tapi pas saya mulai ngerjain project klien (terutama yang profil bisnis atau landing page), saya sadar ada yang salah.
Masalah dengan SPA/Hydration berat:
- Klien gak butuh state management kompleks untuk web yang cuma majang 4 halaman info.
- JavaScript bundle size yang bengkak bikin load time lambat dan ini musuh besar SEO.
- Hosting Node.js / Serverless lebih ribet di-maintenance jangka panjang dibanding sekedar nge-dump file HTML statis.
Akhirnya saya putar haluan ke Astro.
Astro punya konsep Island Architecture. Intinya, secara default semua halaman dirender jadi HTML kosongan (Zero JS). Kalau kita butuh interaktivitas (misal nambahin form kontak dengan Alpine atau React component), baru kita inject JS spesifik di komponen itu aja.
Hasilnya buat klien?
- Kecepatan ekstrim: Hampir selalu dapat skor Lighthouse 95-100 tanpa effort optimasi yang aneh-aneh.
- Developer Experience: Saya tetep bisa pakai React component kalau mau, tapi outputnya super clean.
- Harga Server Murah: Static page bisa di-host gratis di Cloudflare Pages atau Vercel, gak perlu bayar droplet cuma buat serve web statis.
Intinya, klien gak peduli teknologi apa yang kita pakai. Mereka cuma pengin webnya cepet, masuk halaman pertama Google, dan gak gampang down. Astro ngasih saya kemampuan buat deliver itu semua dengan cepat.