Viberouter Blog

Kategori: AI Coding

  • Vibe Coding: Apa Itu, Kenapa Lagi Trending, dan Cara Mulainya

    Vibe Coding: Apa Itu, Kenapa Lagi Trending, dan Cara Mulainya

    Kalau kamu pernah lihat orang menulis kode cuma dengan mengetik instruksi bahasa Indonesia di terminal, itu bukan sulap. Itu vibe coding.

    Istilah ini makin sering muncul di Twitter, YouTube, dan komunitas developer Indonesia. Tapi apa sebenarnya vibe coding itu? Apakah cuma buzzword, atau benar-benar mengubah cara orang membuat software?

    Artikel ini menjawab pertanyaan itu langsung, tanpa basa-basi.

    Vibe Coding: Apa Itu Secara Praktis?

    Vibe coding adalah cara membuat software dengan memberi instruksi ke AI menggunakan bahasa natural (bahasa manusia), bukan menulis kode baris per baris secara manual.

    Daripada menulis kode handler manual, kamu bisa memberi instruksi seperti:

    “Buatkan form handler yang mengirim data ke /api/submit saat tombol submit diklik.”

    AI yang menulis kodenya. Kamu yang kasih arahan.

    Bukan berarti kamu tidak perlu paham kode sama sekali. Tapi peran kamu bergeser: dari penulis kode jadi pengarah dan pengambil keputusan.

    Kenapa Vibe Coding Lagi Trending?

    1) Model AI Makin Kuat untuk Coding

    Claude, Codex, DeepSeek, dan model lain sekarang bisa menulis, memperbaiki, dan merestrukturisasi kode dengan kualitas yang jauh lebih baik dibanding setahun lalu. Ini bukan lagi “saran snippet”, tapi bisa membuat dan mengelola file project utuh.

    2) Toolsnya Makin Mudah Diakses

    Dulu cuma bisa pakai AI lewat web chat. Sekarang ada CLI tools seperti Claude Code, Codex CLI, dan Pi Agent yang bisa langsung mengubah file di project kamu. Artinya AI sudah masuk ke workflow harian, bukan cuma untuk eksperimen sesekali.

    3) Hasilnya Bisa Langsung Dipakai

    Banyak orang yang tadinya skeptic mulai mencoba dan langsung merasakan hasil: fitur jadi lebih cepat selesai, bug lebih cepat ditemukan, dan eksperimen bisa dilakukan dengan risiko rendah.

    4) Bisa Dipakai Bukan Developer

    Ini poin penting. Vibe coding tidak eksklusif untuk software engineer. Founder, designer, freelancer, dan pemilik bisnis kecil juga mulai memakainya untuk bikin prototype, landing page, atau automasi sederhana. Kalau kamu ingin contoh paling sederhana, mulai dari panduan cara bikin website dengan AI tanpa coding.

    Siapa yang Bisa Pakai Vibe Coding?

    • Developer profesional — mempercepat coding harian, mengurangi repetitive task, membantu eksplorasi solusi baru.
    • Founder / entrepreneur — bikin MVP atau prototype tanpa harus hire developer dulu.
    • Freelancer — menyelesaikan project klien lebih cepat dengan bantuan AI.
    • Designer — mengubah mockup jadi kode yang bisa di-preview.
    • Mahasiswa / pemula — belajar coding dengan melihat bagaimana AI menyelesaikan masalah.

    Yang penting adalah mulai dari scope yang realistis dan menyesuaikan ekspektasi.

    Tools Utama untuk Vibe Coding

    Claude Code

    CLI tool dari Anthropic. Kamu jalankan di terminal, beri instruksi, dan AI langsung mengubah file di project. Paling populer untuk vibe coding karena kualitas reasoning-nya tinggi.

    Codex CLI

    CLI tool dari OpenAI. Mirip konsepnya dengan Claude Code, menggunakan model OpenAI di belakang layar.

    Pi Agent

    Coding agent yang bisa dikustomisasi. Mendukung custom provider, jadi bisa dihubungkan ke berbagai endpoint AI termasuk VibeRouter.

    Chatbot AI

    Cocok untuk brainstorming, copy, dan potongan kode. Tidak terintegrasi langsung dengan file project, jadi cocok untuk tahap awal atau eksplorasi.

    Cara Mulai Vibe Coding: 3 Langkah Praktis

    Langkah 1: Tentukan Satu Project Kecil

    Jangan mulai dari project besar. Pilih satu hal sederhana: landing page, script automasi, perbaikan bug kecil, atau tool CLI sederhana. Satu project, satu tujuan jelas.

    Langkah 2: Install AI Coding Agent

    Pilih salah satu: Claude Code, Codex CLI, atau Pi Agent. Install di laptop, buat project folder, dan mulai memberi instruksi.

    “Buat file index.html yang berisi landing page sederhana untuk bisnis kopi. Satu section hero dengan judul dan tombol CTA.”

    Lihat hasilnya, revisi, dan perlahan tambahkan kompleksitas.

    Langkah 3: Review, Belajar, Ulangi

    Setiap kali AI menghasilkan kode, luangkan waktu untuk membacanya. Tidak harus paham semua, tapi coba tangkap pola: bagaimana AI menyusun komponen, menangani error, dan menstrukturisasi file.

    Lama-lama, kamu akan mulai mengerti kode tanpa sengaja belajar. Itu kekuatan vibe coding: kamu belajar sambil memproduksi.

    Tips Biar Hasil Vibe Coding Lebih Maksimal

    • Instruksi spesifik lebih baik daripada umum. “Buat navbar responsive dengan logo kiri dan menu kanan, warna putih” lebih efektif daripada “buat navbar bagus.”
    • Satu task per prompt. Jangan minta AI bikin navbar + footer + form + animasi sekaligus.
    • Review sebelum terima. AI kadang menghasilkan kode yang jalan tapi bukan solusi terbaik.
    • Iterasi, jangan restart. Kalau hasil kurang pas, perbaiki spesifik, jangan mulai dari nol.
    • Simpan konteks. Kalau project mulai besar, catat keputusan arsitektur yang sudah dibuat supaya AI bisa mengikuti alur yang sama.

    Kalau kamu ingin workflow yang lebih teknis dan tahan sesi panjang, baca juga panduan tool AI coding tanpa batas.

    Kapan Vibe Coding Tidak Cocok?

    Jujur, vibe coding bukan solusi untuk semua hal. Ada kondisi di mana kamu tetap perlu pendekatan tradisional:

    • sistem yang butuh keamanan tinggi (payment, auth, data sensitif),
    • performa kritis (real-time processing, high concurrency),
    • regulasi ketat yang butuh audit kode manual,
    • tim besar yang butuh konsistensi kode lintas anggota.

    Di situasi ini, AI lebih cocok sebagai asisten, bukan pengganti developer.

    Kenapa Banyak Vibe Coder Pakai Router AI

    Saat kamu mulai vibe coding intensif, cepat atau lambat kamu akan merasakan satu masalah: limit. Entah itu cap dari provider, kuota habis, atau performa yang melambat saat usage tinggi.

    Di titik ini, banyak vibe coder mulai pakai layer routing atau gateway yang bisa mengarahkan request ke beberapa model sekaligus. Tujuannya sederhana: workflow tetap jalan, tidak tergantung ke satu provider, dan biaya bisa lebih terkontrol.

    Kalau kamu sudah mulai sering pakai AI coding tools dan merasakan bottleneck ini, bukan berarti harus berhenti. Cari pendekatan yang bikin workflow tetap stabil, lalu lanjutkan eksperimenmu.

    Ringkasan + CTA

    Vibe coding bukan cuma tren. Ini cara kerja baru yang memungkinkan lebih banyak orang membuat software dengan bantuan AI.

    Mulai dari project kecil, pakai tools yang tersedia, belajar sambil jalan, dan jangan takut eksperimen. Semakin sering kamu praktik, semakin mahir kamu mengarahkan AI untuk menghasilkan apa yang kamu butuhkan.

    Kalau kamu ingin memulai vibe coding dengan workflow yang fleksibel dan tidak tergantung satu provider, coba tools yang mendukung multi-model routing supaya sesi coding kamu tetap lancar.

    Panduan Lanjutan

  • Cara Bikin Website dengan AI Tanpa Coding: Panduan Praktis untuk Pemula

    Cara Bikin Website dengan AI Tanpa Coding: Panduan Praktis untuk Pemula

    Dulu, kalau kamu mau bikin website sendiri, jalurnya terasa panjang: belajar HTML, CSS, JavaScript, hosting, domain, responsive design, dan banyak istilah lain yang bikin pusing sebelum mulai.

    Sekarang jalurnya berubah. Dengan AI coding tools, kamu bisa membuat website sederhana—misalnya landing page portfolio, halaman produk, atau website bisnis kecil—tanpa harus punya basic coding yang kuat sejak awal.

    Bukan berarti skill coding jadi tidak penting. Tapi untuk banyak kebutuhan awal, kamu bisa mulai dulu dengan bantuan AI, lalu belajar sambil jalan.

    Apa yang Bisa Dibuat dengan AI Tanpa Basic Coding?

    Kalau tujuannya realistis, AI bisa sangat membantu. Contohnya:

    • landing page untuk produk digital,
    • website portfolio pribadi,
    • halaman jasa freelance,
    • mockup dashboard sederhana,
    • halaman event atau komunitas,
    • website company profile kecil.

    Yang penting: mulai dari scope kecil. Jangan langsung minta AI bikin marketplace penuh, sistem payment, dashboard admin, dan aplikasi mobile dalam satu prompt. Itu resep cepat frustrasi.

    Langkah 1: Tentukan Website yang Mau Dibuat

    Sebelum buka AI tool, jawab dulu beberapa pertanyaan sederhana:

    • Website ini untuk siapa?
    • Apa tujuan utamanya?
    • Pengunjung harus melakukan apa setelah membaca?
    • Konten apa saja yang wajib ada?

    Contoh sederhana:

    “Buat landing page untuk jasa desain logo. Targetnya UMKM. Tujuan halaman: calon klien klik tombol WhatsApp. Section wajib: hero, benefit, portfolio, proses kerja, harga mulai, FAQ, CTA.”

    Prompt seperti ini jauh lebih efektif daripada hanya menulis: “buatkan website bagus.”

    Langkah 2: Minta AI Membuat Struktur Landing Page

    Mulai dari struktur, bukan langsung kode. Ini membantu kamu mengecek apakah alur websitenya sudah masuk akal.

    Contoh prompt:

    “Bantu buat struktur landing page untuk jasa desain logo UMKM. Susun section dari atas ke bawah, jelaskan tujuan tiap section, dan berikan contoh copy singkat untuk setiap bagian.”

    Dari sini, AI biasanya akan memberi kerangka seperti:

    1. Hero section
    2. Problem yang dialami target audience
    3. Benefit layanan
    4. Portfolio atau contoh hasil
    5. Proses kerja
    6. Harga atau paket
    7. Testimoni (kalau ada)
    8. CTA akhir

    Kalau struktur sudah oke, baru lanjut ke visual dan kode.

    Langkah 3: Minta AI Membuat Kode Website Sederhana

    Setelah struktur jelas, kamu bisa minta AI membuat kode HTML/CSS sederhana.

    Contoh prompt:

    “Buatkan landing page HTML + CSS satu file berdasarkan struktur ini. Style modern, responsive mobile, warna biru-putih, tombol CTA ke WhatsApp, dan gunakan copy bahasa Indonesia yang natural.”

    Kalau kamu memakai AI coding agent seperti Claude Code, Codex CLI, atau Pi Agent, kamu bisa minta AI langsung membuat file project:

    • index.html
    • style.css
    • script.js kalau perlu interaksi sederhana

    Untuk tahap awal, jangan terlalu banyak animasi. Fokus dulu ke halaman yang rapi, cepat dibuka, dan mudah dipahami.

    Langkah 4: Review Hasil Seperti Pengunjung Biasa

    Setelah website pertama jadi, jangan langsung publish. Buka di browser dan cek dari sudut pandang pengunjung:

    • Apakah judul langsung jelas?
    • Apakah tombol utama terlihat?
    • Apakah halaman nyaman dibaca di HP?
    • Apakah informasi terlalu panjang?
    • Apakah ada typo atau kalimat yang terasa aneh?

    Bagian ini penting karena AI sering membuat output yang “terlihat benar”, tapi belum tentu enak dibaca manusia.

    Langkah 5: Minta AI Memperbaiki Bagian Spesifik

    Jangan minta revisi terlalu umum seperti “buat lebih bagus”. Lebih efektif kalau instruksinya spesifik:

    • “Buat hero section lebih jelas untuk pemilik UMKM.”
    • “Singkatkan copy benefit jadi maksimal 2 kalimat per poin.”
    • “Buat versi mobile lebih nyaman dibaca.”
    • “Tambahkan CTA WhatsApp setelah section harga.”
    • “Perbaiki spacing agar tidak terlalu padat.”

    Semakin spesifik feedback kamu, semakin bagus hasil AI.

    Tools yang Bisa Dipakai

    Ada beberapa pendekatan yang bisa kamu pilih:

    1) Chatbot AI biasa

    Cocok untuk bikin struktur, copy, dan potongan kode. Tapi kamu masih perlu copy-paste dan mengatur file sendiri.

    2) AI coding agent

    Lebih cocok kalau kamu ingin AI membuat dan mengubah file langsung di project. Contohnya Claude Code, Codex CLI, atau Pi Agent.

    3) Website builder dengan AI

    Cocok kalau kamu ingin paling cepat, tapi biasanya fleksibilitas teknisnya lebih terbatas.

    Kalau kamu ingin belajar sambil tetap punya kontrol atas kode, AI coding agent biasanya lebih menarik. Kamu bisa lihat bagaimana file dibuat, lalu perlahan memahami struktur websitenya. Kalau mau paham kenapa alur ini bisa lebih mulus, baca juga pembahasan tentang router AI untuk coding dan bagaimana layer routing membantu workflow yang lebih stabil.

    Kapan Tetap Perlu Developer?

    AI bisa membantu banyak hal, tapi ada batasnya. Kamu sebaiknya tetap melibatkan developer jika website membutuhkan:

    • payment gateway,
    • login dan sistem akun,
    • database pengguna,
    • integrasi API kompleks,
    • keamanan data sensitif,
    • dashboard admin custom,
    • performa dan SEO teknis tingkat lanjut.

    Untuk landing page sederhana, AI bisa jadi starting point yang sangat cepat. Untuk aplikasi bisnis yang kompleks, AI lebih aman dipakai sebagai asisten developer, bukan pengganti total.

    Kenapa Workflow AI Coding Bisa Lebih Enak dengan Router

    Saat kamu mulai sering memakai AI untuk eksperimen website, revisi copy, generate kode, dan debugging, request bisa cepat banyak. Di sinilah workflow mulai terasa berat kalau kamu bergantung ke satu tool atau satu model saja.

    Pendekatan seperti router AI untuk coding membantu karena request bisa diarahkan ke model yang sesuai. Task ringan tidak harus selalu memakai model paling berat, sementara task kompleks tetap bisa diarahkan ke model yang lebih kuat.

    Kalau kamu sedang mencari tool yang lebih fleksibel untuk eksperimen seperti ini, kamu juga bisa baca panduan memilih tool AI coding tanpa batas supaya workflow bikin website tetap enak saat revisi mulai banyak.

    Kalau kamu sebelumnya sudah pernah mencoba AI untuk coding tapi sering kehilangan momentum, artikel cara coding AI tanpa limit juga bisa bantu kamu menyusun workflow yang lebih stabil.

    Ringkasan + CTA

    Cara bikin website dengan AI tanpa coding dimulai dari scope kecil: tentukan tujuan, susun struktur, minta AI membuat kode, review hasil, lalu revisi secara spesifik.

    Kamu tidak harus langsung jadi programmer untuk membuat landing page pertama. Tapi semakin sering kamu memakai AI, semakin penting punya workflow yang stabil agar proses revisi dan eksperimen tidak gampang putus.

    Kalau kamu ingin mencoba workflow AI coding yang lebih fleksibel, mulai dari tool yang bisa membantu kamu tetap produktif saat membuat, menguji, dan memperbaiki website dengan bantuan AI.

    Panduan Lanjutan

  • Alternatif Cursor Tanpa Limit untuk Developer yang Kerja Intensif

    Alternatif Cursor Tanpa Limit untuk Developer yang Kerja Intensif

    Banyak developer awalnya cocok dengan Cursor karena cepat dipakai dan enak untuk workflow harian. Tapi begitu intensitas kerja naik—misalnya lagi sprint, refactor besar, atau ngejar deadline—mulai muncul bottleneck: request melambat, limit terasa lebih cepat habis, dan konteks kerja ikut pecah.

    Di titik ini, pertanyaannya bukan lagi “tool ini bagus atau enggak,” tapi apakah tool ini masih cocok untuk beban kerja kamu sekarang. Karena itu, wajar kalau kamu mulai cari alternatif Cursor tanpa limit yang lebih tahan dipakai kerja intensif.

    Kenapa Developer Mulai Cari Alternatif Cursor Tanpa Limit

    Masalah paling umum biasanya muncul dalam pola yang mirip:

    • frekuensi request meningkat saat jam produktif,
    • task coding makin kompleks (debug + patch + test dalam satu sesi),
    • kebutuhan stabilitas naik karena dipakai bareng tim kecil,
    • dan waktu recovery setelah limit terasa makin mahal.

    Kalau dulu limit cuma gangguan kecil, sekarang bisa langsung menggeser timeline kerja. Satu jeda 20-30 menit saat fokus tinggi sering berujung ke hilangnya 1-2 jam produktif karena harus bangun konteks ulang.

    Kalau problem utamanya adalah rate limit yang mulai sering muncul, kamu juga bisa baca pembahasan lebih spesifik tentang Cursor rate limit coding supaya tahu kapan masalahnya masih bisa dioptimasi dan kapan perlu cari setup baru.

    Cara Menilai Alternatif Cursor: Jangan Cuma Lihat “Fitur Banyak”

    Waktu membandingkan opsi, banyak orang kejebak daftar fitur. Padahal untuk workflow coding, yang lebih menentukan justru konsistensi operasional.

    Fokus ke empat hal ini:

    1) Stabilitas di Sesi Panjang

    Uji tool selama 4-6 jam kerja nyata, bukan dari demo 10 menit. Perhatikan kapan performa mulai turun, bukan cuma seberapa cepat di awal.

    2) Kualitas Output yang Bisa Diprediksi

    Output sesekali bagus itu kurang berguna kalau hasilnya naik-turun. Tool yang konsisten biasanya lebih membantu delivery karena kamu tidak bolak-balik revisi.

    3) Friksi Setup dan Migrasi

    Semakin banyak hal yang harus diubah, semakin tinggi risiko tim menunda migrasi. Idealnya, alternatif yang baik tetap kompatibel dengan workflow yang sudah kamu pakai.

    4) Biaya Nyata per Sprint

    Jangan berhenti di angka harga. Hitung juga biaya waktu tunggu, context switching, dan kerja ulang akibat performa yang tidak stabil. Masalah seperti limit harian AI coding sering terlihat kecil di awal, tapi bisa mahal kalau terjadi berulang di jam produktif.

    Opsi Pendekatan Alternatif yang Umum Dipakai

    Secara praktik, developer biasanya memilih salah satu dari tiga pendekatan:

    1. Tetap di tool lama + optimasi kebiasaan kerja
      Cocok jika bottleneck masih ringan dan belum berdampak ke deadline.
    2. Pindah ke tool alternatif tunggal
      Cocok jika kamu mau pengalaman lebih sederhana, tapi tetap perlu cek risiko limit saat usage naik.
    3. Pakai layer routing multi-model (gateway approach)
      Cocok untuk tim/individu yang prioritasnya kontinuitas kerja dan minim jeda saat beban tinggi.

    Pendekatan ketiga biasanya dipilih saat masalah utamanya bukan “fitur kurang,” melainkan “workflow sering putus di momen kritis.”

    Kapan Harus Pindah, Kapan Cukup Optimasi

    Gunakan indikator sederhana ini selama 1-2 minggu:

    • Berapa kali sesi coding berhenti karena limit/performa?
    • Berapa lama waktu hilang untuk recover konteks?
    • Berapa task yang molor karena hambatan tool?
    • Apakah tim mulai mengubah prioritas kerja hanya untuk menghindari bottleneck?

    Kalau jawabannya sering dan berulang, berarti kamu sudah masuk fase di mana mencari alternatif Cursor tanpa limit itu bukan eksperimen, tapi kebutuhan operasional.

    Kenapa VibeRouter Relevan sebagai Alternatif

    Untuk developer yang sudah punya workflow sendiri, masalah terbesar biasanya ada di biaya migrasi: harus ganti kebiasaan, ganti setup, dan adaptasi ulang.

    VibeRouter relevan karena pendekatannya drop-in: kamu tetap bisa pakai alur kerja yang familiar, tapi dapat layer yang lebih fokus ke kontinuitas sesi coding. Ini membantu ketika prioritas kamu adalah “kerjaan tetap jalan” saat usage lagi tinggi.

    Kalau kamu ingin melihat opsi yang lebih product-led, baca juga panduan tool AI coding tanpa batas untuk memahami kriteria stabilitas, biaya, dan workflow sebelum memilih solusi.

    Kalau kamu sebelumnya pernah mengalami momen request tersendat di tengah sprint, pendekatan ini biasanya terasa langsung dampaknya ke ritme kerja harian.

    Ringkasan + CTA

    Mencari alternatif Cursor tanpa limit sebaiknya dilihat dari stabilitas kerja nyata, bukan sekadar daftar fitur. Ukur dengan metrik operasional: seberapa sering workflow berhenti, seberapa cepat recover, dan seberapa konsisten output untuk delivery.

    Kalau kamu ingin workflow coding yang lebih tahan dipakai saat beban tinggi, kamu bisa mulai dari pendekatan yang minim friksi setup dan lebih fokus menjaga kontinuitas kerja.

    Coba VibeRouter sekarang untuk lihat apakah ritme coding kamu jadi lebih stabil tanpa jeda yang mengganggu sprint.

    Baca Juga

  • Cara Pakai Claude Code dengan Viberouter API

    Cara Pakai Claude Code dengan Viberouter API

    Apa itu Viberouter?

    Viberouter adalah layanan API router untuk developer Indonesia yang menggunakan Claude CLI, Codex CLI, dan tools AI coding lainnya. Berbeda dengan subscription bulanan yang sering kena limit mingguan, Viberouter menawarkan akses on-demand: beli per jam atau per hari sesuai kebutuhan project.

    Sistem auto-routing Viberouter secara otomatis memilih model AI terbaik (Claude Sonnet, GPT-4, DeepSeek, GLM, Qwen) berdasarkan jenis task yang Anda kerjakan. Overhead routing kurang dari 50ms, dan untuk pengguna Indonesia biasanya lebih responsif dibanding endpoint US langsung karena server berada di region Asia.

    Kenapa Pakai Viberouter untuk Claude Code?

    Claude Code adalah salah satu AI coding assistant paling powerful saat ini, tapi subscription resmi punya limit mingguan yang sering habis di tengah sprint. Viberouter mengatasi masalah ini dengan cara:

    • Tidak ada limit mingguan — bayar sesuai pemakaian, tidak ada reset cycle
    • Akses fleksibel — beli 1 jam untuk hotfix urgent, atau 3 hari untuk sprint penuh
    • Kompatibel penuh — Claude Code tetap pakai command yang sama, hanya ganti endpoint
    • Latency rendah — server di Asia, ping dari Indonesia 30-50ms

    Prasyarat Setup

    Sebelum mulai, pastikan Anda sudah punya:

    • Claude Code CLI terinstall di sistem (Windows, Linux, atau macOS)
    • Akun Viberouter aktif di viberouter.id
    • Paket akses yang sudah dibeli (minimal 1 jam untuk testing)
    • Terminal atau command prompt dengan akses environment variable

    Jika belum install Claude Code, ikuti tutorial setup awal Claude Code untuk pemula terlebih dahulu.

    Langkah 1: Daftar dan Beli Paket Viberouter

    Buka viberouter.id dan daftar akun baru. Setelah login, pilih paket yang sesuai kebutuhan:

    • 1 jam — cocok untuk hotfix atau debugging cepat
    • 1 hari — ideal untuk feature development atau refactoring
    • 3 hari — untuk sprint penuh atau project besar

    Setelah pembayaran selesai, akses langsung aktif tanpa delay. Anda bisa langsung generate API key dari dashboard.

    Langkah 2: Generate API Key

    Masuk ke dashboard Viberouter, klik menu API Keys, lalu klik tombol Generate New Key. API key akan muncul dalam format:

    vbr-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

    Simpan key ini dengan aman. Jangan commit ke git atau share di public channel. Jika key bocor, segera revoke dari dashboard dan generate key baru.

    Langkah 3: Set Environment Variable

    Claude Code membaca konfigurasi dari environment variable. Anda perlu set dua variable:

    Linux / macOS

    Tambahkan ke ~/.bashrc atau ~/.zshrc:

    export ANTHROPIC_API_KEY="vbr-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
export ANTHROPIC_BASE_URL="https://viberouter.id"

    Lalu reload shell:

    source ~/.bashrc

    Windows (PowerShell)

    Jalankan command berikut di PowerShell:

    [System.Environment]::SetEnvironmentVariable('ANTHROPIC_API_KEY', 'vbr-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx', 'User')
[System.Environment]::SetEnvironmentVariable('ANTHROPIC_BASE_URL', 'https://viberouter.id', 'User')

    Restart terminal setelah set variable.

    Windows (Command Prompt)

    Buka System Properties → Environment Variables, lalu tambah dua variable baru:

    • ANTHROPIC_API_KEY = vbr-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
    • ANTHROPIC_BASE_URL = https://viberouter.id

    Langkah 4: Test Koneksi

    Setelah environment variable di-set, test koneksi dengan command sederhana:

    claude-code --version

    Jika muncul versi Claude Code, artinya CLI sudah terinstall dengan benar. Selanjutnya test API connection:

    claude-code "print hello world in Python"

    Jika berhasil, Claude Code akan generate kode Python sederhana dan menampilkan hasilnya di terminal. Response time biasanya 1-3 detik untuk query sederhana.

    Langkah 5: Mulai Coding

    Sekarang Anda bisa pakai Claude Code seperti biasa. Semua command tetap sama, hanya endpoint yang berbeda:

    claude-code "refactor this function to use async/await"
claude-code "add error handling to API calls"
claude-code "write unit tests for user service"

    Viberouter akan otomatis routing request Anda ke model terbaik berdasarkan context dan task type. Untuk task coding kompleks, biasanya di-route ke Claude Sonnet. Untuk task sederhana seperti formatting atau documentation, bisa di-route ke model lebih cepat seperti DeepSeek atau Qwen.

    Monitoring Penggunaan

    Dashboard Viberouter menampilkan real-time usage:

    • Total request hari ini
    • Token usage (input + output)
    • Sisa waktu akses (jika paket berbasis waktu)
    • Model distribution (berapa persen request ke Claude, GPT-4, dll)

    Anda bisa set alert untuk notifikasi saat sisa waktu tinggal 1 jam atau token usage mendekati limit.

    Troubleshooting

    Error: “Invalid API key”

    Pastikan API key di-copy dengan benar tanpa spasi atau newline. Cek juga apakah paket akses masih aktif di dashboard.

    Error: “Connection timeout”

    Cek koneksi internet Anda. Jika pakai VPN atau proxy, pastikan viberouter.id tidak di-block. Coba ping manual:

    curl -I https://viberouter.id

    Response lambat atau error 429

    Jika response time tiba-tiba naik atau muncul error 429 (rate limit), kemungkinan ada spike traffic. Viberouter punya auto-scaling tapi butuh 30-60 detik untuk spin up instance baru. Tunggu sebentar lalu retry.

    Tips Optimasi

    • Batch request — untuk task berulang, gabungkan jadi satu prompt besar daripada banyak request kecil
    • Pakai context file — attach file project sebagai context supaya Claude Code lebih paham codebase Anda
    • Set timeout — untuk task kompleks, set timeout lebih tinggi di config Claude Code
    • Monitor token usage — prompt yang terlalu panjang bisa habiskan token cepat, edit prompt jadi lebih concise

    Panduan Lainnya