~/VibeHandbook
PDF Gratis

Infrastruktur

pages.cloudflare.com

Static Hosting

Apa itu ini

Bayangkan sebuah brosur cetak: setiap salinannya identik dan siap dibagikan, tanpa ada yang menuliskannya ulang setiap kali seseorang memintanya. Static hosting (hosting statis) bekerja dengan cara yang sama — ia menyajikan berkas yang sudah dibangun sebelumnya (HTML, CSS, JavaScript, gambar) persis apa adanya, tanpa server yang menjalankan kode Anda pada setiap permintaan. Anda membangun situs sekali, mengunggah berkas hasilnya, dan host mengirimkannya ke pengunjung. Ini adalah cara termudah dan termurah untuk menampilkan sebuah situs web secara daring.

Kelebihan

  • Sangat cepat — berkas disajikan secara langsung, seringkali dari CDN global (Content Delivery Network — Jaringan Distribusi Konten — sekumpulan server di seluruh dunia yang menyimpan salinan berkas Anda di dekat setiap pengunjung).
  • Murah atau gratis; banyak host memiliki paket gratis yang cukup luas.
  • Keandalan yang sangat kokoh dengan hampir tidak ada yang bisa rusak.
  • Bisa menampung lonjakan trafik besar dengan mudah.
  • Sangat aman — tanpa kode di sisi server berarti permukaan serangan yang sangat kecil.

Kompromi

  • Tidak ada logika server pada permintaan; perilaku dinamis harus datang dari (Application Programming Interface — antarmuka pemrograman aplikasi — titik akses yang dipanggil oleh perangkat lunak lain) atau JavaScript di sisi klien.
  • Pembaruan konten memerlukan build ulang dan ulang.
  • Tidak cocok digunakan sendirian untuk akun pengguna, basis data, atau logika per-permintaan.
  • Waktu build bertambah lama untuk situs yang sangat besar.
  • Fitur yang benar-benar real-time perlu ditambahkan dengan layanan eksternal.

Kapan menggunakannya

Static hosting ideal untuk situs pemasaran, blog, dokumentasi, portofolio, dan bagian front end dari aplikasi satu halaman (single-page app). Padukan dengan fungsi atau API pihak ketiga saat Anda memerlukan sedikit perilaku dinamis.

Kecocokan dengan vibe coding

Ini adalah titik pendaratan paling ramah untuk proyek yang diarahkan AI — proses deploy sering kali hanya "push ke sebuah ." Sebuah agen bisa menyusun kerangka static site generator (Astro, Hugo, Next.js export), menyambungkan perintah build, dan mengonfigurasi host agar setiap otomatis di-deploy. Tip: minta agen untuk menyiapkan continuous deployment (deployment berkelanjutan) dari repositori git Anda sehingga Anda tidak perlu pernah mengunggah secara manual — Anda cukup commit, dan situs yang tayang memperbarui dirinya sendiri. Host seperti Cloudflare Pages, Netlify, dan GitHub Pages semuanya mendukung ini.

# netlify.toml — static site build config
[build]
  command = "npm run build"
  publish = "dist"

[[redirects]]
  from = "/*"
  to = "/index.html"
  status = 200
# Deploy from the command line
npx netlify deploy --prod --dir=dist