Tutorial Lengkap: Deploy Website Astro ke Cloudflare Pages 🚀

Pada tutorial kali ini, kita akan belajar bagaimana cara melakukan deploy website (khususnya framework Astro) dari repositori GitHub langsung ke Cloudflare Pages.

Ikuti langkah-langkah bergambar di bawah ini:

1. Masuk ke Menu Workers & Pages

Pertama, buka Dashboard Cloudflare Anda. Di bilah menu sebelah kiri, arahkan kursor dan klik pada menu Workers & Pages.

2. Buat Aplikasi Baru

Setelah masuk ke halaman Workers & Pages, klik tombol Create application yang berwarna biru.

3. Hubungkan dengan Git

Pastikan Anda memilih tab Pages, kemudian klik tombol Connect to Git untuk menyambungkan akun GitHub Anda.

4. Pilih Repositori

Cari repositori website Anda (misalnya hafisnovianas/MY-WEB). Arahkan kursor dan klik tombol Begin setup di sebelah kanan nama repositori tersebut.

5. Atur Konfigurasi Build (Astro)

Pada halaman konfigurasi, pilih Astro pada bagian Framework preset. Kolom perintah build dan direktori output akan terisi otomatis.

(Opsional) Anda juga bisa menambahkan Environment Variables jika diperlukan, seperti mematikan telemetri Astro.

Setelah semuanya sesuai, klik tombol Save and Deploy.

6. Tunggu Proses Deploy

Cloudflare akan mulai memproses build website Anda. Silakan tunggu beberapa saat.

Setelah proses selesai, Anda akan melihat halaman konfirmasi sukses dan mendapatkan URL sementara (akhiran .pages.dev). Website Anda sudah berhasil mengudara! 🎉