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 baca110

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!

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!

Advertisement

Penulis

Maulana Arif Adzikarani

Tentang Penulis

Maulana Arif Adzikarani

Berproses, bercerita, berkembang.

Siap Mulai Kerja?

Temukan ribuan lowongan kerja terbaru yang cocok untukmu di MulaiKerja.

Cari Lowongan Kerja Sekarang