#1
Fundamental
Tutorial #1 – Pengenalan Cloudflare Pages
Mengenal dasar Cloudflare Pages: cara kerja, kelebihan utama, dan bagaimana platform ini mendukung ekosistem subdomain serta exposure jaringan Obotzone.
Panduan Lengkap
Tutorial Cloudflare Pages dari nol sampai siap produksi.
Kumpulan tutorial praktis untuk membuat, mengonlinekan, dan mengembangkan website statis di Cloudflare Pages – dari pengaturan awal sampai workflow level pro.
Tip: Simpan halaman ini di bookmark agar gampang diakses lagi saat kamu butuh referensi setup Cloudflare Pages dan subdomain gratis.
Roadmap belajar
Dari “belum paham” menjadi “deploy tiap hari”
Ikuti urutannya dari atas ke bawah, kamu akan punya fondasi yang kuat untuk mengelola banyak website statis dengan biaya minim dan performa maksimal.
- ✅ Pahami konsep Cloudflare Pages & cara kerjanya.
- ✅ Pelajari setup domain & subdomain untuk banyak project.
- ✅ Naik level ke preview, staging, & workflow tim.
Daftar Tutorial
Ikuti sesuai urutan untuk alur belajar yang rapi. Setiap tutorial punya contoh kasus praktis yang bisa langsung kamu tiru.
Mode belajar:
Step-by-step • Praktik langsung
#2
Persiapan
Tutorial #2 – Struktur Project Cloudflare Pages
Panduan menyusun struktur folder dan file HTML/CSS/JS yang rapi, konsisten, dan mudah dipahami, sehingga setiap project siap di-deploy tanpa bikin bingung di kemudian hari.
#3
Deploy awal
Tutorial #3 – Project Pertama di Cloudflare Pages
Langkah demi langkah membuat project pertama di Cloudflare Pages: memilih source code, menghubungkan repository, mengatur build, sampai situs kamu resmi online.
#4
Domain & subdomain
Tutorial #4 – Custom Domain & Subdomain di Cloudflare Pages
Cara menghubungkan custom domain dan banyak subdomain (termasuk jaringan subdomain gratis) ke beberapa project Cloudflare Pages menggunakan DNS Cloudflare.
#5
Multi-project
Tutorial #5 – Mengelola Banyak Project Cloudflare Pages
Strategi mengatur beberapa website sekaligus—landing page, portfolio, dan mini tools—dalam satu akun Cloudflare Pages tanpa berantakan dan tetap mudah dipantau.
#6
Keamanan
Tutorial #6 – HTTPS, Redirect & Keamanan Dasar
Mengaktifkan HTTPS otomatis, menyusun aturan redirect yang rapi, dan menggunakan fitur keamanan dasar Cloudflare untuk melindungi situs dari akses yang tidak diinginkan.
#7
Tanpa ribet
Tutorial #7 – Workflow Update Konten di Cloudflare Pages
Cara meng-update teks, gambar, dan menambah halaman baru dengan workflow sederhana: edit → commit → deploy, tanpa mengacak-acak struktur project yang sudah rapi.
#8
Performa
Tutorial #8 – Optimasi Performa & Caching
Pengaturan caching, kompresi, dan tweak ringan di Cloudflare agar website kamu terasa jauh lebih cepat meskipun di-hosting di layanan gratis seperti Cloudflare Pages.
#9
Tanpa backend
Tutorial #9 – Form Kontak Tanpa Backend
Membuat form “Hubungi Kami” yang bisa mengirim pesan ke email atau layanan lain dengan bantuan integrasi pihak ketiga, tanpa perlu membangun server backend sendiri.
#10
Level pro
Tutorial #10 – Workflow Pro: Preview, Staging & Kolaborasi
Memanfaatkan preview deploy, environment staging, dan alur kerja tim di Cloudflare Pages agar setiap perubahan bisa dicek dulu sebelum benar-benar live ke pengunjung.