Daftar Isi
Salah satu pertanyaan paling sering dari klien kami: "Kalau sudah jadi websitenya, hosting di mana yang murah tapi cepat?"
Jawaban kami selalu sama: Cloudflare Pages. Gratis untuk project personal dan bisnis kecil, deploy otomatis dari GitHub, dan CDN global di 300+ kota termasuk Jakarta dan Singapura.
Kenapa Cloudflare Pages?
| Fitur | Cloudflare Pages | Vercel (Free) | Netlify (Free) |
|---|---|---|---|
| Bandwidth | Unlimited | 100GB/bulan | 100GB/bulan |
| Build menit | 500/bulan | 6000/bulan | 300/bulan |
| Custom domain | Unlimited | 1 | 1 |
| CDN locations | 300+ | ~30 | ~30 |
| DDoS protection | Included | Tidak | Tidak |
Untuk website statis atau Astro/Next.js dengan output static, Cloudflare Pages adalah pilihan terbaik dari segi performa dan harga.
Persiapan
Sebelum mulai, pastikan kamu sudah punya:
- Akun GitHub dengan repository berisi kode website
- Akun Cloudflare (daftar gratis di cloudflare.com)
- Domain (opsional — bisa pakai subdomain
*.pages.devgratis)
Untuk HTML statis:
index.html di root repoUntuk Astro:
package.json + astro.config.mjsUntuk Next.js static:
next.config.js dengan output: 'export'
Langkah-langkah Deploy
Login ke Cloudflare Dashboard
Buka dash.cloudflare.com → login → klik Workers & Pages di sidebar kiri.
Buat Project Baru
Klik Create application → pilih tab Pages → klik Connect to Git.
Hubungkan GitHub
Klik Connect GitHub → authorize Cloudflare → pilih repository yang ingin di-deploy.
Konfigurasi Build Settings
Isi sesuai stack yang dipakai (lihat tabel di bawah) → klik Save and Deploy.
Tunggu Build Selesai
Proses build biasanya 1–3 menit. Setelah selesai, website langsung live di nama-project.pages.dev.
Build Settings per Framework
| Framework | Build Command | Output Directory |
|---|---|---|
| HTML Statis | (kosongkan) | / |
| Astro | npm run build | dist |
| Next.js (static) | npm run build | out |
| Vite | npm run build | dist |
Pasang Domain Custom
Setelah website live, kamu bisa hubungkan domain sendiri secara gratis:
- Di project Cloudflare Pages → klik tab Custom domains
- Klik Set up a custom domain
- Masukkan domain kamu (misal:
obotzone.id) - Kalau domain sudah di Cloudflare DNS: record CNAME otomatis ditambahkan
- Kalau domain di registrar lain: tambahkan CNAME record manual
# CNAME record yang perlu ditambahkan: # Name: @ (atau www) # Target: nama-project.pages.dev
Tips dan Troubleshooting
Auto-deploy setiap push ke main
Setiap kali kamu push commit ke branch main, Cloudflare Pages otomatis build dan deploy ulang. Tidak perlu trigger manual.
Preview deployment untuk setiap PR
Setiap Pull Request otomatis mendapat URL preview tersendiri. Berguna untuk review perubahan sebelum merge ke production.
Build gagal? Cek ini dulu
- Node.js version: set di Settings → Environment variables, tambahkan
NODE_VERSION = 20 - Build command salah: pastikan sesuai tabel di atas
- Output directory salah: cek folder yang di-generate setelah build lokal
Kalau masih bingung dengan proses deploy, kami siap bantu via WhatsApp. Setup Cloudflare Pages biasanya selesai dalam 15 menit bersama kami.
Dengan Cloudflare Pages, kamu dapat hosting gratis yang sebenarnya gratis — bukan trial, bukan limited. Dan performa globalnya sulit ditandingi platform lain di tier gratis.