Tutorial #6 – Fitur Lanjutan Cloudflare Pages

Setelah menguasai dasar-dasar Pages, sekarang kita masuk ke fitur PRO: redirect, custom error pages, ruleset, header control, cache, dan optimasi lanjutan.

1. Redirect (301/302) untuk halaman atau folder

Redirect adalah salah satu fitur PRO paling penting untuk SEO dan navigasi website profesional.

✔ Lokasi file redirect

Buat file di root project:

_redirects

✔ Format redirect

/lama.html     /baru.html      301
/blog/*        /artikel/:splat 302
/*             /index.html     200

301 → redirect permanen (SEO aman)
302 → redirect sementara
200 → SPA fallback

            Redirect ini powerful banget untuk mengarahkan landing page,
            subdomain, atau memperbaiki link mati.
          

2. Custom Error Pages (404 / 500 / Maintenance)

Buat file khusus di root project:

404.html
500.html

Kalau halaman tidak ditemukan, Cloudflare otomatis menampilkan file tersebut.

Kamu bisa membuat 404 versi Obotzone dengan tampilan elegan sesuai brand kamu.

3. Ruleset Cloudflare (Penyetelan Lanjut)

Ruleset memungkinkan kamu mengatur bagaimana Cloudflare memproses request. Cocok untuk:

Mengatur cache
Redirect berbasis kondisi kompleks
Rewrite URL
Menambahkan header keamanan

✔ Cara membuat Ruleset

Buka: Rules → Ruleset
Klik Create Ruleset
Pilih “HTTP Request incoming”

✔ Contoh rule: blokir user-agent tertentu

if (http.user_agent contains "bot")
  then block

✔ Contoh rule: paksa HTTPS

if (not http.request.full_uri starts_with "https")
  then redirect to https://{host}{uri}

4. Optimalisasi Cache

Cloudflare Pages otomatis sangat cepat, tapi kita tetap bisa optimalkan:

Mengatur browser cache
Edge cache
Ignore query parameters

Semua ini bisa diatur lewat Page Rules atau Ruleset.

5. Menambahkan HTTP Security Headers

Tambahkan file bernama:

_headers

✔ Contoh isi

/* 
  Strict-Transport-Security: max-age=63072000
  X-Frame-Options: DENY
  X-Content-Type-Options: nosniff

Ini membuat situs lebih aman dan profesional.

6. Mode Single Page App (opsional)

Jika kamu membuat website berbasis JavaScript (SPA), gunakan redirect:

/*   /index.html   200

Semua path akan diarahkan kembali ke index.html.

7. Mengelola Banyak Project Pages Sekaligus

Jika kamu punya banyak subdomain digitalplat.org atau project Obotzone lainnya, kamu bisa mengelolanya sebagai project terpisah.

Satu repository per project
Satu Pages deployment per project
Masing-masing punya custom domain sendiri

            Metode ini sangat cocok untuk jaringan exposure, PBN clean,
            portofolio, dan landing page marketing Obotzone.
          

8. Setelah ini?

Di tutorial selanjutnya, kita bisa membahas:

Deploy versi PRO via GitHub Actions
Multi-branch workflow
SEO teknis untuk Pages
Hosting API backend dengan Cloudflare Workers