Informasi

Deploy website Astro gratis ke Cloudflare Pages dalam 10 menit.

Dimas Julianto, S.Kom.
Ditulis oleh:

Dimas Julianto, S.Kom.
Developer & Founder

Deploy website Astro gratis di Cloudflare setiap hari.

Saat pertama kali mengeklik tombol build pada halaman website statis Astro saya, kelegaan yang saya rasakan luar biasa. Namun masalah berikutnya langsung mendera: “Lalu file HTML ini mau di-hosting di mana agar bisa online tanpa bikin dompet jebol?”

Setelah mencoba cPanel, shared hosting lawas, Vercel, hingga Netlify, pilihan final saya untuk tahun 2026 jatuh mutlak pada Cloudflare Pages.

Perpaduan antara framework Astro yang zero-JavaScript bloat dengan infrastruktur Edge Network global dari Cloudflare adalah mahakarya performa. Loading web Anda akan terasa instan dari benua manapun ia diakses, ditambah lagi gratisan bandwidth mereka yang luar biasa murah hati untuk skala blogging.

Mengapa Cloudflare Pages + Astro?

Mari saya jabarkan sedikit realita dari pengalaman saya bermigrasi server puluhan kali.

Kelebihan
  • CDN Super Ngebut karena server “Edge” Cloudflare ada di hampir semua data center besar dunia.
  • Tidak ada batas bandwith yang sempit (Vercel atau Netlify sering mengirimi saya email limit saat trafik naik tajam).
  • Integrasi GitHub mulus—otomatis re-build saat Anda nge-push artikel baru bertabur .mdx.
Kekurangan
  • Dukungan Node.js API servernya lebih strict dibanding Vercel kalau Anda main Server Side Rendering (SSR).
  • Antarmuka dasbor kadang membingungkan kawan yang baru pertama kali kenal DNS routing.

Persiapan Sebelum Mulai

Persyaratan Wajib

Pastikan Anda sudah menyiapkan tiga hal ini:

  • Akun Cloudflare yang aktif.
  • Akun GitHub (dan pastikan folder Astro Anda sudah di-push ke repositori GitHub).
  • Semangat tanpa menyerah!

Langkah-langkah Tutorial

Instal Adapter Cloudflare di Projek Astro

Agar Astro bisa menginjeksi routing yang tepat untuk lingkungan peladen Cloudflare, kita harus memasukkan “Adapter”. Buka terminal komputer lokal Anda (di dalam folder web Astro Sitemas).

Jalankan perintah ini:

npx astro add cloudflare

Astro akan menanyakan konfirmasi, tekan tombol y (Yes) untuk semua permintaannya. Secara otomatis ia akan memodifikasi file astro.config.mjs Anda.

Push Perubahan ke GitHub

Setelah adapter sukses terpasang, simpan (commit) kode Anda dan lakukan git push ke repositori utama Github Anda (Branch Main atau Master).

Hubungkan Cloudflare dengan GitHub

Sekarang buka Dasbor Cloudflare, login, dan klik menu Workers & Pages di bilah kiri.

Klik tombol biru Create application, lalu pilih tab Pages, dan klik Connect to Git. Anda akan diminta mengotorisasi akses Cloudflare ke akun GitHub Anda.

Screenshot menghubungkan Cloudflare Pages dengan Repositori GitHub
Tampilan layar pemilihan repositori saat proses penghubungan Cloudflare

Atur Konfigurasi Build Astro

Pilih repo Astro Anda, lalu klik Begin setup. Ini adalah bagian paling esensial! Pada bagian Build settings, isilah dengan presisi:

  • Framework preset: Pilih Astro
  • Build command: npm run build (atau pnpm run build jika pakai pnpm)
  • Build output directory: dist

Setelah yakin, klik layar Save and Deploy. Mesin server Cloudflare akan bergemuruh menarik kode Anda dan merangkainya. Tunggu sekitar 1 hingga 2 menit.


Trik Variabel Lingkungan Lokal

Punya kunci API (API Key) rahasia yang tak boleh tercium publik GitHub? Masukkan kuncinya di bagian Environment variables (advanced) pada Dasbor Cloudflare sesaat sebelum mengeklik deploy.

Custom Domain Sitemas (Opsional)

Meski secara otomatis web Anda hidup online di bawah rantai nama .pages.dev (contoh: my-astro-blog.pages.dev), rasanya kurang berwibawa kalau tidak pakai Custom Domain kan?

Pergi ke menu Custom Domains pada project Pages Anda. Ketik nama domain premium Anda (misalnya sitemas.com), lalu ikuti perintah Cloudflare untuk memindahkan arahan Nameserver Anda dari penyedia domain ke dalam sistem Cloudflare. Propagasi DNS biasanya memakan waktu tidak lebih dari secangkir kopi Anda dingin (15 - 30 menit).

Kesimpulan

Selamat datang di era kecepatan penuh! Mengawinkan kesederhanaan GitHub dengan kekuatan otot Cloudflare Pages adalah “Meta” terkuat di rentang tahun 2026 ini untuk para Web Developer indie bermodal saku pas-pasan.

Awas Batasan Build

Satu peringatan: akun Cloudflare gratis Anda memiliki kuota maksimal 500 builds per bulan. Jangan menekan tombol Deploy setiap kali mengganti ralat pengejaan 1 koma di Markdown Anda! Manfaatkan preview branch atau pnpm dev lokal Anda dengan bijak.

Web Sudah Online? Kini Waktunya Ngeblog!

Setelah proses hosting selesai, mulailah mengeksplor referensi cara membumbui artikel agar dilirik algoritma Google!

Baca Tips Menulis Sitemas

Komentar

Memuat komentar...