[{"data":1,"prerenderedAt":386},["ShallowReactive",2],{"\u002Fblog\u002Fcloudflare-broke-stack\u002F:id":3,"\u002Fblog\u002Fcloudflare-broke-stack\u002F-surround:id":283,"blog-all-posts:id":284},{"id":4,"title":5,"author":6,"body":10,"date":265,"description":266,"extension":267,"image":268,"locale":269,"meta":270,"minRead":271,"navigation":272,"original":273,"path":274,"pinned":273,"seo":275,"source":276,"sourceUrl":23,"stem":277,"tags":278,"updated":268,"__hash__":282},"blog\u002Fblog\u002Fcloudflare-broke-stack.id.md","Praktik terbaik indie dev 2026: tumpukan Cloudflare all-in-one untuk yang bokek",{"name":7,"avatar":8},"Chen Dahuang",{"src":9,"alt":7},"\u002Favatar.jpg",{"type":11,"value":12,"toc":251},"minimark",[13,28,36,41,158,162,167,170,174,177,181,184,206,210,213,217,237,241,244],[14,15,16],"blockquote",{},[17,18,19,20,27],"p",{},"Posting disematkan. Awalnya diterbitkan di ",[21,22,26],"a",{"href":23,"rel":24},"https:\u002F\u002Fx.com\u002Frealchendahuang\u002Fstatus\u002F2066586160902881542",[25],"nofollow","X"," — 40 ribu+ tayangan.",[17,29,30,31,35],{},"Praktik terbaik pengembangan indie 2026: ",[32,33,34],"strong",{},"tumpukan Cloudflare all-in-one untuk yang bokek",".",[37,38,40],"h2",{"id":39},"tumpukan-teknologi-sekilas","Tumpukan teknologi sekilas",[42,43,44,60],"table",{},[45,46,47],"thead",{},[48,49,50,54,57],"tr",{},[51,52,53],"th",{},"Lapisan",[51,55,56],{},"Pilihan",[51,58,59],{},"Biaya",[61,62,63,75,86,97,107,118,128,138,148],"tbody",{},[48,64,65,69,72],{},[66,67,68],"td",{},"Menulis kode",[66,70,71],{},"Codex",[66,73,74],{},"Berlangganan",[48,76,77,80,83],{},[66,78,79],{},"Kontrol versi",[66,81,82],{},"GitHub",[66,84,85],{},"Gratis",[48,87,88,91,94],{},[66,89,90],{},"Pembayaran",[66,92,93],{},"Stripe",[66,95,96],{},"Komisi per transaksi",[48,98,99,102,105],{},[66,100,101],{},"Frontend",[66,103,104],{},"TanStack Start",[66,106,85],{},[48,108,109,112,115],{},[66,110,111],{},"Backend",[66,113,114],{},"Hono + Cloudflare Workers",[66,116,117],{},"Kuota gratis",[48,119,120,123,126],{},[66,121,122],{},"Deployment",[66,124,125],{},"Cloudflare Pages",[66,127,85],{},[48,129,130,133,136],{},[66,131,132],{},"Database",[66,134,135],{},"Cloudflare D1",[66,137,117],{},[48,139,140,143,146],{},[66,141,142],{},"Penyimpanan file",[66,144,145],{},"Cloudflare R2",[66,147,117],{},[48,149,150,153,156],{},[66,151,152],{},"Cache \u002F konfigurasi",[66,154,155],{},"Cloudflare KV",[66,157,117],{},[37,159,161],{"id":160},"mengapa-kombinasi-ini","Mengapa kombinasi ini",[163,164,166],"h3",{"id":165},"codex-menulis-kode-menangani-pengembangan-full-stack","Codex: menulis kode, menangani pengembangan full-stack",[17,168,169],{},"Pemrograman AI sudah menjadi alat produktivitas bawaan bagi pengembang indie. Mode Agent milik Codex memampatkan alur \"kebutuhan → kode → pengujian → deployment\" hingga hampir hilang — satu orang mengerjakan pekerjaan satu tim.",[163,171,173],{"id":172},"frontend-tanstack-start-backend-hono","Frontend TanStack Start + backend Hono",[17,175,176],{},"TanStack Start adalah framework React full-stack yang cocok dengan ekosistem Workers. Untuk backend, pakai Hono — framework kecil yang memang dibuat untuk Workers, dengan routing, middleware, dan petunjuk tipe (type hints) yang nyaman. Jejaknya kecil, start-upnya cepat.",[163,178,180],{"id":179},"database-d1-penyimpanan-r2-cache-kv","Database D1 + penyimpanan R2 + cache KV",[17,182,183],{},"Trio ini adalah inti dari kuota gratis Cloudflare:",[185,186,187,194,200],"ul",{},[188,189,190,193],"li",{},[32,191,192],{},"D1",": database relasional yang kompatibel dengan SQLite. Kuota gratisnya lebih dari cukup untuk proyek pribadi.",[188,195,196,199],{},[32,197,198],{},"R2",": penyimpanan objek yang kompatibel dengan S3. 10 GB penyimpanan gratis, biaya egress nol — poin ini saja sudah menghabisi AWS.",[188,201,202,205],{},[32,203,204],{},"KV",": penyimpanan key-value yang tersebar di seluruh dunia, cocok untuk konfigurasi, cache, dan sesi.",[163,207,209],{"id":208},"deployment-pages-infrastruktur-serba-gratis","Deployment Pages + infrastruktur serba gratis",[17,211,212],{},"Pages terhubung langsung ke repositori GitHub Anda — push langsung ter-deploy, lengkap dengan CDN dan HTTPS. Domain, DNS, CDN — semuanya one-stop di Cloudflare. Kuota gratisnya mampu menopang satu lini produk utuh.",[37,214,216],{"id":215},"inti-strategi-bokek","Inti strategi bokek",[185,218,219,225,231],{},[188,220,221,224],{},[32,222,223],{},"Manfaatkan kuota gratis sampai tuntas",": DNS, CDN, Pages, Workers, KV, D1, R2, Tunnel, AI Gateway — yang gratis semuanya dipasang.",[188,226,227,230],{},[32,228,229],{},"Jangan bayar kalau bisa gratisan",": uang langganan hanya untuk yang benar-benar penting (Codex); sisanya berjalan di atas infrastruktur gratis.",[188,232,233,236],{},[32,234,235],{},"Satu platform untuk segalanya",": tidak perlu melompat-lompat antar-cloud, beban operasional yang paling ringan.",[37,238,240],{"id":239},"untuk-siapa","Untuk siapa",[17,242,243],{},"Pengembang indie beranggaran ketat yang ingin memvalidasi produk dengan cepat; penggemar pemrograman AI yang tidak mau menghabiskan tenaga untuk infrastruktur; serta semua proyek yang ingin \"jalankan dulu, urus belakangan\".",[17,245,246,247,35],{},"Cloudflare adalah bodhisatwa dunia maya bagi para pengembang indie. Tanpa mengeluarkan satu sen pun, produk Anda bisa berjalan sepenuhnya. Selengkapnya: ",[21,248,250],{"href":249},"\u002Fblog\u002Ffree-cloudflare","Cara memeras Cloudflare sampai kering sebagai pengguna gratis",{"title":252,"searchDepth":253,"depth":253,"links":254},"",2,[255,256,263,264],{"id":39,"depth":253,"text":40},{"id":160,"depth":253,"text":161,"children":257},[258,260,261,262],{"id":165,"depth":259,"text":166},3,{"id":172,"depth":259,"text":173},{"id":179,"depth":259,"text":180},{"id":208,"depth":259,"text":209},{"id":215,"depth":253,"text":216},{"id":239,"depth":253,"text":240},"2026-06-15","Tumpukan teknologi tanpa biaya untuk pengembang indie: Codex untuk menulis kode, GitHub untuk kontrol versi, Stripe untuk pembayaran, TanStack Start untuk frontend, Hono + Workers untuk backend, D1 untuk database, R2 untuk penyimpanan, KV untuk cache — semuanya berjalan di atas Cloudflare.","md",null,"id",{},6,true,false,"\u002Fblog\u002Fcloudflare-broke-stack",{"title":5,"description":266},"x","blog\u002Fcloudflare-broke-stack.id",[279,280,281],"Cloudflare","Pengembangan indie","Tumpukan teknologi","eZ2f6xKSQwmc9fGxYcd6pifTVZZNHnNv2mUogMcQd80",[268,268],[285,293,295,304,311,317,324,332,340,346,353,362,369,377],{"path":286,"title":287,"description":288,"date":289,"minRead":271,"tags":290},"\u002Fblog\u002Fagent-harness-selection","Setelah mencoba Pi Agent, OMP, Codex, dan ZCode, inilah mengapa saya akhirnya memilih OpenCode + OpenChamber","Rekap pemilihan Agent Harness: tiga kriteria — pengalaman GUI, vendor lock-in, dan kebebasan pengembangan lanjutan — menyingkirkan Pi Agent, OMP, Codex, dan ZCode, dan pada akhirnya jatuh pada inti OpenCode + antarmuka OpenChamber.","2026-08-06",[291,292],"AI Agent","Pemilihan alat",{"path":274,"title":5,"description":266,"date":265,"minRead":271,"tags":294},[279,280,281],{"path":296,"title":297,"description":298,"date":299,"minRead":271,"tags":300},"\u002Fblog\u002Fdeepseek-api-web-search","API DeepSeek punya pencarian web bawaan — manfaatkan cuma-cuma kemampuan pencarian resmi lewat Responses API","DeepSeek membangun pencarian web langsung di dalam API-nya: panggil deepseek-v4-flash lewat antarmuka Responses dan deklarasikan tool web_search. Tanpa integrasi mesin pencari pihak ketiga, tanpa perlu kunci API pencarian.","2026-08-05",[301,302,303],"DeepSeek","API","Alat AI",{"path":305,"title":306,"description":307,"date":299,"minRead":308,"tags":309},"\u002Fblog\u002Fdeepseek-v4-flash-review","DeepSeek V4 Flash rilis stabil, ulasan langsung: murah, cepat, konteks 1M, pencarian bawaan","Beberapa hari mendalami rilis stabil DeepSeek V4 Flash: murah gila-gilaan, secepat kilat, konteks 1M, pencarian web bawaan resmi, sepenuhnya open source. Satu-satunya kelemahan adalah multimodalitas — tapi bisa ditambal dengan mengombinasikan model lain.",7,[301,310,303],"Ulasan model",{"path":249,"title":312,"description":313,"date":265,"minRead":314,"tags":315},"Bagaimana pengguna gratis bisa memeras Cloudflare sampai kering — sejauh apa tier gratis sebenarnya bisa membawa Anda?","Tier gratis Cloudflare mampu menopang hampir seluruh infrastruktur internet pribadi: DNS, CDN, Pages, Workers, KV, D1, R2, email, Tunnel, AI Gateway, dan lain-lain.",8,[279,316,122],"Tier gratis",{"path":318,"title":319,"description":320,"date":321,"minRead":314,"tags":322},"\u002Fblog\u002Fmodel-harness-decoupling","Harness pabrikan tidak selalu jadi jawaban terbaik: di era model terbuka, pilih model dan Harness secara terpisah","Pakai Claude ya langsung Claude Code? Di era model terbuka, insting itu perlu di-upgrade. Keunggulan pabrikan itu nyata, tapi melatih model yang bagus dan membangun Harness yang bagus adalah dua bidang rekayasa yang berbeda — artikel ini menjelaskan kenapa pilihan model dan Harness kini bisa dipisahkan, plus peta posisi lima Harness.","2026-09-09",[291,323,292],"Harness",{"path":325,"title":326,"description":327,"date":321,"minRead":314,"tags":328},"\u002Fblog\u002Fopencode-productive-stack","Stabil, Cepat, Produktif, Murah: Rekam Lengkap AI Coding Stack-ku","OpenCode + OpenChamber + dua langganan DeepSeek V4 Flash: 15 proyek jalan kode bersamaan dan kuota cuma bergerak sedikit. Konfigurasi lengkap kubongkar: pemangkasan context, memori berlapis, otomasi desktop, dan pelajaran “tetap pada pasangan aslinya”.",[329,330,331],"OpenCode","Pemrograman AI","Konfigurasi",{"path":333,"title":334,"description":335,"date":336,"minRead":337,"tags":338},"\u002Fblog\u002Fproduct-faxin-principle","Prinsip niat awal: mengapa pengembang indie harus belajar melepas","Mengapa Anda memulai? Untuk siapa Anda memulai? Masalah mana yang sebenarnya ingin Anda selesaikan? Ketajaman sebuah produk berasal dari apa yang berani Anda buang.","2026-06-20",10,[339,280],"Pemikiran produk",{"path":341,"title":342,"description":343,"date":336,"minRead":314,"tags":344},"\u002Fblog\u002Fproduct-pain-vs-itch","Jangan terbawa suasana saat pengguna bilang 'keren': pain point vs. itch point","Pujian lisan tidak bernilai sama sekali. Hanya ada satu standar keras untuk menilai permintaan: lihat apa yang bersedia dibayar oleh pengguna.",[339,345],"Penilaian permintaan",{"path":347,"title":348,"description":349,"date":289,"minRead":350,"tags":351},"\u002Fblog\u002Fqwen-vision-for-deepseek","Memberi DeepSeek kemampuan multimodalitas: pendekatan visi Qwen-3.7-Flash","DeepSeek V4 Flash tidak punya multimodalitas — bagaimana untuk pemahaman gambar? Setelah menyurvei pasar, opsi yang paling hemat biaya saat ini adalah Qwen-3.7-Flash: mengenali gambar nyaris tanpa biaya, dan dipadukan dengan V4 Flash ia menambal celah ini.",5,[301,352,310],"Multimodalitas",{"path":354,"title":355,"description":356,"date":357,"minRead":358,"tags":359},"\u002Fblog\u002Fsub-store-cloudflare","Saya memindahkan agregasi langganan proxy ke Cloudflare","Gabungkan beberapa layanan proxy plus node Anda sendiri menjadi satu langganan tunggal, dengan aturan routing dikonfigurasi di sisi server — klien tinggal berlangganan.","2026-06-28",4,[279,360,361],"Menembus blokir","Proyek open source",{"path":363,"title":364,"description":365,"date":321,"minRead":308,"tags":366},"\u002Fblog\u002Ftui-cognitive-bandwidth","TUI Sedang Membunuh Bandwidth Kognitifmu: Saatnya Filter “Geek” dalam AI Coding Dihancurkan","Belakangan ini segambreng AI Coding Agent berlomba meluncurkan TUI, mengembalikan interaksi ke paradigma terminal tahun 1980-an, lalu menyebutnya “immersive” dan “menghormati programmer”. Artikel ini membedah tiga mekanisme di balik cara TUI menurunkan bandwidth kognitif secara sistematis, dan mengapa Web UI justru jawaban yang benar.",[330,367,368],"Desain interaksi","Esai",{"path":370,"title":371,"description":372,"date":373,"minRead":271,"tags":374},"\u002Fblog\u002Fvalue-not-external","Mendebat apakah sesuatu itu berharga — itu sendiri tidak berharga","Nilai kita tidak ditentukan oleh siapa pun. Di era AI, bagaimana seharusnya manusia memahami dirinya?","2026-06-18",[375,376],"Pemikiran AI","Esai humanis",{"path":378,"title":379,"description":380,"date":381,"minRead":382,"tags":383},"\u002Fblog\u002Fx-growth-1000-followers","Naik 1000+ pengikut dalam sehari lebih — ini yang saya lakukan","Pada bulan Juni saya mengoperasikan akun X dengan serius dan memperoleh 1000+ pengikut dalam sehari lebih. Posting ini mencatat apa yang saya lakukan dan umpan balik yang saya dapatkan.","2026-06-16",12,[384,385],"Operasi X","Pertumbuhan konten",1789752318632]