Vercel vs Netlify vs Cloudflare
Perbandingan tiga platform deploy utama dari sisi yang menentukan: aturan komersial paket gratis, model biaya, dukungan framework, batas runtime, dan fitur bawaan.
Tiga platform ini menguasai hampir seluruh percakapan soal deploy situs modern. Ketiganya cepat, ketiganya punya paket gratis, dan ketiganya bisa menerbitkan situsmu dalam dua menit.
Jadi perbandingan ini melewati bagian yang setara, dan langsung ke empat hal yang benar-benar membedakan.
Jawaban cepat
| Kalau kamu... | Pilih |
|---|---|
| Pakai Next.js | Vercel |
| Butuh form tanpa backend | Netlify |
| Punya lalu lintas besar | Cloudflare |
| Situsmu komersial dan mau tetap gratis | Netlify atau Cloudflare |
| DNS-mu sudah di Cloudflare | Cloudflare |
| Pakai Astro, Hugo, Eleventy | Ketiganya setara |
| Belum tahu, situs kecil | Netlify — jangan overthinking |
1. Aturan penggunaan komersial
Pembeda paling praktis, dan paling jarang disebut di perbandingan lain.
| Platform | Paket gratis untuk situs komersial |
|---|---|
| Netlify | Boleh |
| Cloudflare | Boleh |
| Vercel | Tidak boleh (paket Hobby) |
Kalau situsmu menghasilkan pendapatan — toko, situs perusahaan, portofolio yang menerima klien — paket Hobby Vercel bukan pilihan yang sah, dan kamu harus naik ke paket berbayar.
Tidak ada peringatan otomatis. Situsmu tidak diblokir. Yang terjadi, akunmu bisa ditinjau kapan saja. Banyak orang baru tahu setelah situsnya jalan berbulan-bulan.
2. Model biaya
Ini yang paling terasa setelah situsmu ramai.
| Yang dihitung | Netlify | Vercel | Cloudflare |
|---|---|---|---|
| Permintaan berkas statis | Masuk bandwidth | Masuk bandwidth | Tidak dihitung |
| Bandwidth gratis | 100 GB/bln | 100 GB/bln | Tidak dibatasi |
| Menit build gratis | 300/bln | Berbasis pemakaian | Longgar |
| Kode server gratis | 125.000 panggilan/bln | Berbasis pemakaian | 100.000 panggilan/hari |
| Optimasi gambar | Kuota terpisah | Kuota terpisah | Kuota terpisah |
Baris pertama itu perbedaan mendasar. Di Cloudflare, situs statis dengan sejuta kunjungan sebulan tetap gratis, karena yang dihitung hanya kode server yang benar-benar dijalankan.
Selisihnya menyusut kalau situsmu banyak memakai kode server — di situ ketiganya sama-sama menghitung.
Vercel menghitung banyak komponen berdasarkan pemakaian: pemanggilan function, durasi eksekusi, optimasi gambar, transfer data. Cerita soal tagihan mengejutkan hampir selalu berasal dari akun yang tidak pernah menyetel batas. Optimasi gambar sering jadi pos terbesar yang tidak disangka.
3. Dukungan framework
| Framework | Netlify | Vercel | Cloudflare |
|---|---|---|---|
| Next.js | Baik | Terbaik | Baik (lewat OpenNext) |
| SvelteKit | Adapter resmi | Adapter resmi | Adapter resmi |
| Nuxt | Preset otomatis | Preset otomatis | Preset otomatis |
| Astro | Baik | Baik | Baik |
| Hugo, Eleventy, Jekyll | Baik | Baik | Baik |
| React/Vue statis | Baik | Baik | Baik |
Untuk situs statis dari generator apa pun, ketiganya setara dan kamu tidak akan merasakan bedanya.
Next.js satu-satunya pengecualian nyata. Vercel membuatnya, dan fitur baru tersedia penuh di sana lebih dulu. Cloudflare sekarang jalan yang sah lewat adapter @opennextjs/cloudflare yang mencapai versi 1.0 pada Februari 2026 — tapi kamu tetap akan sesekali menemui hal yang perlu disesuaikan. Detailnya di deploy Next.js ke Cloudflare.
4. Batas runtime kode server
Kalau situsmu menjalankan kode di server, batasnya berbeda tajam.
| Netlify | Vercel | Cloudflare | |
|---|---|---|---|
| Runtime | Node.js | Node.js | Workers |
| Waktu CPU per permintaan | Longgar | Longgar | 10 ms (gratis) |
| Ukuran kode | Besar | Besar | 3 MB gzip (gratis) |
Batas 10 ms itu waktu CPU, bukan waktu total. Menunggu database atau API tidak dihitung — yang dihitung pekerjaan yang benar-benar dilakukan prosesor.
Untuk mayoritas situs itu longgar. Untuk pemrosesan gambar, kriptografi berat, atau pengolahan data besar per permintaan, itu penghalang nyata.
Fitur bawaan yang hanya ada di satu tempat
| Fitur | Ada di |
|---|---|
| Penanganan form tanpa backend | Netlify |
| Autentikasi bawaan | Netlify |
| Split testing antar-branch | Netlify |
| Integrasi Next.js terdalam | Vercel |
| Basis data dan penyimpanan di edge | Cloudflare |
| DNS, CDN, dan hosting satu tempat | Cloudflare |
Yang setara di ketiganya
Hal-hal ini sering dibandingkan panjang lebar padahal praktis sama, jadi jangan jadikan dasar keputusan:
- Kecepatan CDN. Ketiganya punya jaringan edge global yang sangat baik.
- SSL otomatis. Gratis dan otomatis di ketiganya.
- Deploy dari Git. Sama alurnya.
- Deploy preview per pull request. Ada di ketiganya.
- Rollback sekali klik. Ada di ketiganya.
- Custom domain di paket gratis. Ada di ketiganya.
Berpindah antar platform
Untuk situs statis, biayanya kecil. Yang perlu diterjemahkan cuma berkas konfigurasi:
| Kebutuhan | Netlify | Vercel | Cloudflare |
|---|---|---|---|
| Berkas konfigurasi | netlify.toml | vercel.json | wrangler.jsonc |
| Fallback SPA | _redirects 200 | rewrites | not_found_handling |
| Redirect | [[redirects]] | redirects | Berkas _redirects |
Perbandingan sintaksnya lengkap di setting redirect dan rewrite di hosting statis.
Yang mahal adalah kalau kamu sudah menanam fitur khusus platform — Netlify Forms, Netlify Identity, penyimpanan Cloudflare, atau Server Action yang bergantung pada infrastruktur Vercel. Pertimbangkan itu sebelum bergantung terlalu dalam.
Rekomendasi berdasar jenis situs
| Jenis situs | Pilihan | Alasan |
|---|---|---|
| Blog atau dokumentasi | Cloudflare | Statis, bisa ramai, gratis selamanya |
| Portofolio pribadi | Netlify atau Vercel | Paling mudah, keduanya cukup |
| Situs perusahaan | Netlify | Form bawaan, boleh komersial |
| Aplikasi Next.js | Vercel | Nol gesekan |
| Toko online | Netlify atau Cloudflare | Komersial, hindari Hobby Vercel |
| Project belajar | Mana saja | Ketiganya gratis |
Saran terakhir
Untuk situs kecil, jangan habiskan waktu memilih. Ketiganya gratis, ketiganya cepat, dan memindahkan situs statis antar mereka cuma pekerjaan satu jam. Waktu yang habis untuk membandingkan lebih mahal daripada biaya salah pilih.
Dua hal saja yang benar-benar perlu kamu ingat sejak awal: paket gratis Vercel tidak untuk situs komersial, dan Cloudflare tidak menghitung permintaan aset statis. Sisanya bisa disesuaikan belakangan.
Kalau kamu ingin dituntun sampai satu jawaban, ada di platform deploy mana yang cocok buat kamu. Untuk perbandingan dua-dua, lihat Vercel vs Netlify dan Cloudflare vs Vercel.