Claude Gratis untuk VibeCoding Claude Opus 4.7: Mulai Kerja Pakai AI Tanpa Bayar Sepeser Pun

Claude Gratis untuk VibeCoding Claude Opus 4.7: Mulai Kerja Pakai AI Tanpa Bayar Sepeser Pun

Maulana Arif Adzikarani
Oleh Maulana Arif Adzikarani
3 menit baca41

Mau vibe coding pakai Claude tapi takut mahal? Tenang — tutorial ini kasih kamu cara mulai kerja pakai Claude gratis lewat 9Router, CLIProxyAPI, dan OAI Copilot di VSCode. Cocok banget buat pemula!

Claude Gratis untuk VibeCoding: Mulai Kerja Pakai AI Tanpa Bayar Sepeser Pun

Kamu pernah dengar istilah vibe coding? Sederhananya, ini adalah cara ngoding yang santai tapi produktif — kamu ngobrol sama AI, AI-nya yang bantu nulis kode, kamu tinggal terahin dan finishing.

Masalahnya, banyak orang ngerasa AI coding itu mahal. Harus langganan ini-itu, bayar per bulan, atau pakai API yang tagihannya bikin pusing.

Kabar baiknya: kamu bisa mulai kerja vibe coding pakai Claude secara gratis lewat setup 9Router + CLIProxyAPI + OAI Copilot di VSCode. Tutorial ini ditulis sesederhana mungkin — cocok buat pemula!

Sebelum mulai: apa yang kita setup?

Bayangkan sistem ini seperti jalur telepon:

VSCode (tempat kamu coding)
  ↓
OAI Compatible Copilot Extension
  ↓
CLIProxyAPI (jembatan penghubung)
  ↓
9Router (pengatur lalu lintas AI)
  ↓
Claude / GPT / Gemini / Qwen / DeepSeek

Yang kamu butuhkan

  • Laptop/PC dengan Ubuntu atau Linux (bisa juga VPS)

  • Koneksi internet

  • Visual Studio Code (download gratis di code.visualstudio.com)

  • Sedikit keberanian untuk buka terminal

Langkah 1: Install Node.js

Node.js itu ibarat "mesin" yang menjalankan tools kita. Buka terminal, lalu ketik:

sudo apt update
sudo apt install -y nodejs npm

Cek apakah berhasil:

node -v
npm -v

Kalau muncul angka versinya (contoh: v20.x.x), berarti berhasil!

Langkah 2: Install Git

sudo apt install git -y

Langkah 3: Install dan jalankan 9Router

npm install -g 9router

Setelah install, langsung jalankan:

9router

Kalau berhasil, kamu akan lihat: Server: localhost:20128 — Ready to route

Buka browser → http://localhost:20128/dashboard untuk lihat dashboard 9Router.

Langkah 4: Tambah provider Kiro AI

  • Buka http://localhost:20128/dashboard

  • Klik menu Providers → Add Provider

  • Pilih Kiro AI → masukkan credential

Model yang tersedia setelah setup:

ModelKegunaankr/claude-sonnet-4.5-thinking-agenticDebugging, AI Agent, Architecturekr/qwen3-coder-nextCoding cepat, Autocompletekr/deepseek-3.2-thinkingAnalisis logika, Backend

Langkah 5: Buat API key

Di dashboard → menu API Keys → aktifkan Require API key → buat key baru. Contoh: sk-xxxxxxxxxxxxxxxx. Simpan key ini!

Langkah 6: Install CLIProxyAPI

git clone https://github.com/router-for-me/CLIProxyAPI.git
cd CLIProxyAPI
npm install
npm run start

Biarkan terminal ini tetap berjalan (jangan ditutup).

Langkah 7: Install extension di VSCode

  • Buka VSCode → tekan CTRL + SHIFT + X

  • Cari: OAI Compatible Copilot (publisher: Johnny Zhao)

  • Klik Install

Langkah 8: Konfigurasi VSCode

Buka Settings (CTRL + ,) → cari OAICOPILOT → edit settings.json:

{
  "oaicopilot.baseUrl": "http://localhost:20128/v1",
  "oaicopilot.apiKey": "sk-xxxxxxxxxxxxxxxx",
  "oaicopilot.models": [
    {
      "id": "kr/claude-sonnet-4.5-thinking-agentic",
      "owned_by": "9router",
      "context_length": 200000,
      "max_tokens": 64000,
      "type": "reasoning"
    },
    {
      "id": "kr/qwen3-coder-next",
      "owned_by": "9router",
      "context_length": 256000,
      "max_tokens": 64000
    }
  ]
}

Simpan, lalu reload VSCode: CTRL + SHIFT + PReload Window.

Langkah 9: Test! Apakah semuanya berjalan?

Buka AI Chat di VSCode dan ketik: "Halo, apa kamu bisa bantu saya buat fungsi login di Laravel?"

Kalau AI merespon dengan jawaban yang relevan — selamat, kamu sudah berhasil mulai kerja vibe coding gratis!

Pilih model yang tepat untuk pekerjaanmu

  • Claude Sonnet 4.5 Thinking Agentic — cocok untuk debugging, AI Agent, arsitektur aplikasi

  • Qwen3 Coder Next — cocok untuk autocomplete cepat, CRUD, boilerplate

  • DeepSeek 3.2 Thinking — cocok untuk analisis logika backend yang dalam

Bonus: Jalankan di background dengan PM2

npm install -g pm2
pm2 start 9router
pm2 save
pm2 startup

Penutup

Dengan setup ini, kamu bisa mulai kerja vibe coding pakai Claude, Qwen3, dan DeepSeek — tanpa biaya berlangganan. Cocok untuk Next.js, Laravel, React Native, AI Agent, dan banyak lagi. Selamat mencoba!

Penulis

Maulana Arif Adzikarani

Tentang Penulis

Maulana Arif Adzikarani

Berproses, bercerita, berkembang.