𝗔𝘀𝘁𝗿𝗼 𝗠𝗲𝗺𝗯𝗲𝗿𝗶𝗸𝗮𝗻 𝗦𝗸𝗼𝗿 𝗣𝗮𝗴𝗲𝗦𝗽𝗲𝗲𝗱 𝗦𝗲𝗺𝗽𝘂𝗿𝗻𝗮 𝘂𝗻𝘁𝘂𝗸 𝗦𝗶𝘁𝘂𝘀 𝗦𝗮𝘆𝗮
Awalnya saya ragu dengan Astro. Saya menggunakan React dan Next.js. Kemudian saya membangun situs Zimnovate. Google PageSpeed memberikannya skor sempurna.
Astro tidak mengirimkan JavaScript sama sekali secara default. Sebagian besar framework memaksa browser untuk menjalankan kode demi konten statis. Astro merender komponen menjadi HTML pada saat proses build.
Astro menggunakan Islands Architecture. Halaman Anda adalah lautan statis. Bagian-bagian interaktif adalah pulau-pulaunya. Lautannya adalah HTML murni. Hanya pulau-pulau tersebut yang menggunakan JavaScript.
Anda dapat mengontrol kapan kode dimuat:
- client:visible dimuat saat pengguna melakukan scroll.
- client:load dimuat segera.
- client:idle dimuat saat browser sedang tidak sibuk.
Saya menggunakan Astro 4.x, Tailwind CSS, dan Supabase. Supabase menyimpan postingan blog. Astro mengambil data ini selama proses build. Pengguna mendapatkan HTML yang sudah di-cache. Hasilnya instan.
Ini membantu SEO. Bot pencari dapat melihat HTML secara langsung. Mereka tidak perlu menunggu JavaScript.
Anda dapat menggunakan React, Vue, atau Svelte dalam satu proyek. Anda tetap bisa menggunakan keahlian Anda, namun mendapatkan kecepatan yang lebih baik.
Gunakan Astro untuk:
- Situs agensi
- Landing page
- Blog CMS
- Portofolio
Hindari Astro untuk:
- Dashboard
- Aplikasi real-time
Web saat ini terlalu berat. Astro memperbaiki hal ini. Astro mengutamakan performa.
Komunitas belajar opsional: https://t.me/GyaanSetuAi