2026-04-08 · 7 min
Cloudflare Pages vs Vercel untuk Astro project Indonesia — observasi 3 bulan
Pertanyaan yang sering muncul di group dev Indonesia: “untuk static site, deploy ke Cloudflare Pages atau Vercel?” Jawaban umumnya: “tergantung.” Yang teknis benar tetapi tidak helpful. Saya tracking 5 Astro project saya yang deploy ke kedua platform selama Q1 2026, dan ini observasinya.
Setup eksperimen
- 5 Astro static site identical (sama codebase, deploy ke dua platform paralel)
- Tracking selama 90 hari (Jan-Mar 2026)
- Visitor mostly dari Indonesia (90%+)
- Metrics: TTFB (Time to First Byte), bandwidth usage, build time, total cost
TTFB dari user Indonesia
Saya hit endpoint health-check dari Jakarta, Bandung, Surabaya tiap hari selama 90 hari. Average TTFB:
| Platform | Jakarta | Bandung | Surabaya |
|---|---|---|---|
| Cloudflare Pages (Jakarta DC) | 22ms | 31ms | 48ms |
| Vercel (Singapore Edge) | 38ms | 45ms | 58ms |
Cloudflare punya advantage karena ada PoP di Jakarta sejak 2023. Vercel masih route ke Singapore. Untuk user Indonesia: Cloudflare 40-60% lebih cepat di TTFB.
Tetapi:
- Total page load (LCP) selisihnya hanya 100-200ms karena most static assets cached aggressively di kedua platform
- Untuk Surabaya, gap mengecil karena Cloudflare juga rely Singapore untuk routing
Build time
Built-time average dari 5 project (Astro static, ~100-200 pages, sebagian dengan MDX):
| Platform | Cold build | Warm build (cache hit) |
|---|---|---|
| Cloudflare Pages | 1m 45s | 35s |
| Vercel | 1m 12s | 28s |
Vercel sedikit lebih cepat, tetapi tidak signifikan untuk deploy harian. Untuk yang deploy 1-2 kali per hari, perbedaan 30s irrelevant.
Yang significant: Cloudflare Pages cache management lebih agresif dengan node_modules. Setelah first deploy, subsequent build cache hit > 90% reliably. Vercel kadang invalidate cache di update yang tidak obvious.
Bandwidth & free tier
Cloudflare Pages Free:
- Unlimited sites
- 500 builds/bulan
- Unlimited bandwidth (CDN-cached)
- Edge functions: 100K request/day free
Vercel Free:
- Hobby plan: 100 GB bandwidth/bulan
- 6000 build minutes/bulan
- Edge functions: 500K request/bulan
Untuk satellite sites kecil atau project portfolio, Cloudflare Pages effectively unlimited. Untuk Vercel Free, ada hard cap di bandwidth — kalau site Anda go viral, bisa cap out dan harus upgrade ke Pro ($20/bulan).
Pengalaman pribadi: salah satu satellite site saya pernah indexed di Reddit, traffic spike 50K visitor/hari. Cloudflare Pages: zero issue. Vercel Free: hit bandwidth cap dalam 2 hari, harus emergency upgrade.
Developer experience
Cloudflare Pages:
- Setup GitHub integration straightforward
- Preview deployments per branch (sama dengan Vercel)
- Logs viewer di dashboard agak terbatas (hanya last 1000 entries free)
- Environment variables management OK, tapi secrets handling agak clunky
Vercel:
- Setup integration sedikit lebih polished
- Logs viewer comprehensive dengan filtering bagus
- Preview deployments dengan comments via GitHub bot
- Environment variables management excellent
Untuk developer experience, Vercel masih sedikit lead, tetapi gap mengecil setiap quarter. Cloudflare improve UX dashboard mereka secara aktif.
Edge functions / serverless
Cloudflare Workers (di-pakai oleh Pages Functions) punya cold start ~5ms dengan V8 isolates. Vercel Edge Functions juga V8-based, cold start serupa.
Untuk static-with-light-dynamic project (e.g., form handler, contact endpoint), kedua platform OK. Untuk heavy compute, Cloudflare punya advantage di pricing untuk volume (Vercel Pro mulai $20, Cloudflare Workers Paid $5).
Cost untuk satellite site / portfolio
Untuk satellite site di range 100-50K visitor/bulan:
- Cloudflare Pages: $0 (free tier cukup)
- Vercel: $0-20 tergantung bandwidth spike
Untuk traffic di range 100K-1M visitor/bulan:
- Cloudflare Pages: $0 (masih free)
- Vercel: $20/bulan minimum (Pro)
Untuk satellite SEO project atau portfolio dengan traffic moderate, Cloudflare jauh lebih cost-effective.
Verdict
Pilih Cloudflare Pages kalau:
- Mostly user Indonesia (TTFB advantage real)
- Tidak budget bulanan untuk hosting (free tier sufficient)
- Banyak satellite sites (unlimited sites di free tier)
- Plan untuk traffic spike unpredictable
Pilih Vercel kalau:
- Sudah comfortable dengan Vercel ecosystem (Next.js, etc.)
- Butuh preview deployment dengan PR comments
- Tidak masalah bayar $20/bulan kalau traffic tumbuh
- Prioritas DX > cost
Untuk saya: 8 dari 10 Astro project saya di Cloudflare Pages. 2 sisanya di Vercel karena specific Next.js features atau client requirement.
Data dari personal projects, sample size kecil (5 project). Mileage may vary untuk use case berbeda. Cek pricing terbaru sebelum commit — kedua platform sering update tier.