Cara Deploy Jekyll ke Cloudflare Pages: CDN Global Gratis

Selain GitHub Pages, ada pilihan hosting statis lain yang tidak kalah menarik — bahkan dalam beberapa hal lebih unggul: Cloudflare Pages. Dengan jaringan CDN global Cloudflare yang mencakup lebih dari 300 kota di seluruh dunia, blog Jekyll kamu akan dimuat dengan sangat cepat dari lokasi mana pun.

Yang lebih menarik lagi: semuanya gratis di plan Free, termasuk bandwidth tak terbatas dan unlimited request.

Mengapa Cloudflare Pages?

Dibanding GitHub Pages, Cloudflare Pages menawarkan beberapa keunggulan:

CDN global otomatis — tidak perlu konfigurasi tambahan, konten sudah di-cache di ratusan PoP (Point of Presence)
Preview deployment — setiap pull request otomatis mendapat URL preview tersendiri
Unlimited bandwidth di plan gratis
Build environment yang fleksibel — mendukung semua plugin Jekyll
Web Analytics bawaan yang privacy-friendly (tanpa JavaScript tracking)
Custom domain gratis dengan HTTPS otomatis

Prasyarat

Akun Cloudflare (daftar gratis di cloudflare.com)
Project Jekyll di repository GitHub atau GitLab
Gemfile dan Gemfile.lock sudah ada di root project

Langkah 1: Push Project Jekyll ke GitHub

Pastikan project Jekyll kamu sudah ada di repository GitHub. Jika belum:

git init
git add .
git commit -m "initial commit"
git remote add origin https://github.com/username/nama-repo.git
git push -u origin main

Login ke dash.cloudflare.com
Di menu kiri, klik Workers & Pages
Klik tab Pages
Klik tombol Create a project

Langkah 3: Hubungkan Repository GitHub

Klik Connect to Git
Pilih GitHub dan klik Connect GitHub
Authorize Cloudflare untuk mengakses akun GitHub kamu
Pilih repository Jekyll yang ingin di-deploy
Klik Begin setup

Langkah 4: Konfigurasi Build Settings

Di halaman konfigurasi build, isi pengaturan berikut:

Pengaturan	Nilai
Project name	nama-blog-kamu
Production branch	`main`
Framework preset	Jekyll
Build command	`jekyll build`
Build output directory	`_site`

Cloudflare Pages sudah punya preset untuk Jekyll, jadi biasanya terisi otomatis saat kamu memilih framework Jekyll.

Environment Variables (Penting!)

Klik Environment variables dan tambahkan:

Variable	Value
`JEKYLL_ENV`	`production`
`RUBY_VERSION`	`3.3.0`

Langkah 5: Deploy!

Klik Save and Deploy. Cloudflare Pages akan:

Clone repository kamu
Install Ruby dan semua gem dari Gemfile
Menjalankan jekyll build
Deploy folder _site ke CDN global

Proses build biasanya selesai dalam 1–3 menit. Kamu bisa memantau log build secara real-time.

Setelah selesai, project kamu akan dapat URL: https://nama-blog-kamu.pages.dev

Langkah 6: Setup Custom Domain (Opsional)

Jika kamu ingin menggunakan domain sendiri:

Di halaman project, klik tab Custom domains
Klik Set up a custom domain
Masukkan nama domain, misalnya blog.kamu.com
Cloudflare akan memandu konfigurasi DNS

Jika domain kamu sudah di Cloudflare, prosesnya otomatis dan sangat cepat. HTTPS juga aktif otomatis.

Konfigurasi `_config.yml`

Update _config.yml agar URL sesuai dengan domain Cloudflare Pages kamu:

url: "https://nama-blog-kamu.pages.dev"
baseurl: ""

Atau jika sudah pakai custom domain:

url: "https://blog.kamu.com"
baseurl: ""

Fitur Bonus: Preview Deployments

Setiap kali kamu membuat Pull Request di GitHub, Cloudflare Pages otomatis membangun versi preview dengan URL unik seperti:

https://abc123.nama-blog-kamu.pages.dev

Ini sangat berguna untuk mengecek tampilan artikel baru sebelum dipublikasikan ke production.

Perbandingan GitHub Pages vs Cloudflare Pages

Fitur	GitHub Pages	Cloudflare Pages
Harga	Gratis	Gratis
CDN	Terbatas	Global (300+ kota)
Bandwidth	Terbatas (100GB/bln)	Unlimited
Preview deploys	❌	✅
Build time	~1-2 menit	~1-3 menit
Semua Plugin Jekyll	Butuh Actions	✅
Analytics bawaan	❌	✅

Kesimpulan

Cloudflare Pages adalah alternatif yang sangat kuat untuk hosting blog Jekyll. Dengan CDN global gratis, preview deployments, dan bandwidth unlimited, platform ini cocok untuk siapa saja yang ingin performa maksimal tanpa biaya.

Jika domain kamu sudah di Cloudflare, setup-nya bahkan lebih mudah lagi karena konfigurasi DNS bisa dilakukan dalam satu dashboard yang sama.