~/VibeHandbook
PDF Gratis
≡
Baca BukunyaReferensiFilosofiUnduhTanya Jawab

Cloudflare

developers.cloudflare.com ↗

Cloudflare Pages

Apa itu ini

Cloudflare Pages adalah platform hosting untuk website — mulai dari file statis biasa sampai aplikasi full-stack. Kamu menghubungkan sebuah (folder online tempat riwayat kode kamu tersimpan), Pages menjalankan build command kamu, lalu menyajikan hasilnya dari CDN Cloudflare (Content Delivery Network — sekumpulan server di seluruh dunia yang menyimpan salinan file kamu di dekat setiap pengunjung). Rute dinamis dan (Application Programming Interface — titik akses yang dipanggil software lain untuk berbicara dengan aplikasi kamu) berjalan sebagai Pages Functions, yang sebenarnya adalah Workers di balik layar. Jadi satu proyek bisa sekaligus menjadi situs statis dan .

Kelebihan

  • Berbasis Git: setiap push melakukan build dan , dengan preview untuk setiap .
  • Aset statis disajikan dengan cepat dan gratis dari CDN global.
  • Pages Functions menambahkan logika sisi server dengan bindings (koneksi siap pakai) yang sama seperti Workers — D1 ( ), R2 (penyimpanan file), KV (penyimpanan key-value, seperti kamus raksasa berisi pasangan label-ke-nilai).
  • Free tier yang murah hati dan bandwidth tanpa batas.
  • Rollback hanya satu klik — setiap deploy tersimpan.

Trade-off

  • Lingkungan build memiliki batas waktu dan sumber daya; build yang sangat besar bisa lambat.
  • Functions mewarisi runtime Workers, jadi batasan non-Node yang sama tetap berlaku.
  • Untuk backend yang murni dinamis dan selalu aktif, Workers biasa mungkin lebih pas.
  • Konfigurasi build untuk yang kurang umum kadang perlu penyesuaian manual.

Kapan menggunakannya

Gunakan Pages untuk situs marketing, dokumentasi, blog, SPA (single-page app — situs yang dimuat sekali lalu diperbarui di tempat tanpa memuat ulang seluruh halaman), dan framework full-stack (Next.js, Astro, SvelteKit) di mana kamu menginginkan deploy berbasis Git, hosting statis gratis, dan fungsi server opsional dalam satu tempat.

Kecocokan dengan vibe coding

Pages cocok untuk vibe coding karena seluruh proses deploy hanyalah "hubungkan repo lalu push." Sebuah bisa mengatur build command, direktori output, dan environment variables, lalu men-deploy dengan Wrangler atau memicu build lewat Git. Tip: beri tahu agent framework kamu dan apakah kamu butuh Functions, supaya ia memilih adapter dan direktori output yang tepat. Kamu juga bisa langsung men-deploy direktori yang sudah dibuild sebelumnya (prebuilt).

# wrangler.toml — Pages project config
name = "my-site"
pages_build_output_dir = "dist"

[[d1_databases]]
binding = "DB"
database_name = "my-db"
database_id = "your-d1-id"

# Deploy a prebuilt output directory
npx wrangler pages deploy dist --project-name my-site