Claude Code adalah agentic CLI tool dari Anthropic yang bisa nulis, refactor, dan debug code langsung dari terminal Anda. Buat developer, ini salah satu tool paling produktif di 2026. Tutorial ini akan memandu Anda dari nol — instalasi, setup, sampai bikin Next.js app pertama dengan AI sebagai pair programmer.

Prasyarat Sebelum Install

Sebelum mulai, pastikan Anda punya:

  • Node.js v18+. Cek dengan node -v. Kalau belum ada, install dari nodejs.org atau pakai nvm.
  • Akun Anthropic dengan langganan aktif. Bisa Pro ($20), Max 5x ($100), atau Max 20x ($200). Belum punya? Baca panduan langganan via Send Gift.
  • Terminal yang nyaman (iTerm di Mac, Windows Terminal di Win, atau terminal default Linux).
  • Editor kode seperti VS Code (opsional tapi sangat membantu).

Instalasi Claude Code

Claude Code di-install global via npm. Buka terminal dan jalankan:

npm install -g @anthropic-ai/claude-code

Setelah selesai, verifikasi instalasi:

claude --version

Kalau muncul versi (misal 1.0.x), instalasi berhasil. Kalau muncul "command not found", cek path npm global Anda atau restart terminal.

Login & Autentikasi

Sebelum bisa pakai, Anda harus login dengan akun Anthropic Anda:

claude login

Command ini akan membuka browser untuk OAuth authentication. Login dengan akun Claude Anda yang punya langganan aktif. Setelah berhasil, kembali ke terminal — akan muncul pesan "Logged in successfully".

Token disimpan di ~/.claude/credentials (Mac/Linux) atau %USERPROFILE%\.claude\credentials (Windows). Aman, jangan share file ini ke siapa pun.

Sesi Pertama: Hello World

Mari coba sesi pertama. Buka folder kosong di terminal:

mkdir hello-claude && cd hello-claude
claude

Setelah claude dijalankan, Anda masuk ke interactive mode. Coba prompt:

> Buat file index.html dengan halaman Hello World pakai Tailwind CDN

Claude Code akan memikirkan rencana, lalu minta izin untuk eksekusi (membuat file, install dependency, dll). Jawab "yes" untuk approve. Dalam beberapa detik, file index.html akan tercipta.

💡 Belum Punya Akun Pro untuk Claude Code?

Aktivasi langganan Pro/Max via Send Gift, langsung bisa pakai Claude Code dalam 5 menit.

Pesan via WhatsApp

Workflow Lebih Serius: Bikin Next.js App

Sekarang coba use case yang lebih realistic. Di folder baru:

claude

Lalu prompt:

> Scaffolding Next.js 14 App Router dengan TypeScript dan Tailwind. 
Buat halaman home, about, dan contact. Setiap halaman pakai layout shared.

Claude Code akan:

  1. Plan: list file yang akan dibuat dan dependency yang perlu diinstall.
  2. Minta izin per langkah (npm init, install Next.js, create components).
  3. Eksekusi command dan bikin semua file.
  4. Test: jalankan npm run dev dan beri tahu kalau berhasil.

Yang menarik: Claude tahu best practice (App Router, server components, layout pattern). Jadi output-nya bukan asal jadi.

Tips Hemat Token & Workflow Efisien

Karena Claude Code dihitung per usage limit, ini tips agar tidak boros:

  • Pakai prompt jelas dan spesifik. "Bikin button reusable di /components/Button.tsx pakai props variant" lebih efisien daripada "Bikin button".
  • Manfaatkan /clear untuk reset context saat ganti topik. Kalau context terus bertambah, response makin lambat dan boros token.
  • Minta plan dulu sebelum eksekusi. Prompt: "Tuliskan rencana saja, jangan eksekusi dulu." Setelah plan-nya OK, baru bilang "jalankan".
  • Pakai file referensi. Kalau ada style guide, drag-drop file styleguide.md ke sesi — Claude akan auto-baca.

Bonus: MCP Integration untuk Power User

MCP (Model Context Protocol) adalah cara extend Claude Code dengan kemampuan tambahan: akses Postgres database, Sentry error tracking, atau service eksternal lainnya.

Untuk install MCP server populer:

claude mcp add postgres --connection "postgresql://localhost:5432/mydb"

Setelah ini, Anda bisa prompt seperti "Tampilkan 10 user terbaru dari database" dan Claude akan langsung query database. Powerful sekali untuk workflow data-driven.

Kapan Cukup Pro vs Butuh Max?

Untuk eksplorasi awal (1-2 jam coding/hari), Claude Pro sudah cukup. Tapi kalau Anda pakai Claude Code 4+ jam intensif sehari (misal full-time freelancer atau heavy refactor project), Anda akan sering kena limit di Pro. Saat itu, upgrade ke Max 5x worth investasinya.

Detail lengkap perbandingan paket bisa dibaca di artikel perbandingan harga Pro vs Max.

Siap Aktifkan Claude Pro?

Pesan sekarang via WhatsApp. Aktivasi resmi via Send Gift, beres dalam 5 menit, tanpa kartu kredit.

Pesan via WhatsApp

Pertanyaan yang Sering Ditanyakan

Apakah Claude Code bisa pakai akun gratis?
Tidak. Claude Code mengharuskan akun dengan langganan aktif minimal Pro. Kalau Anda hanya pakai Free tier, Claude Code akan otomatis menolak login.
Bedanya Claude Code vs Cursor atau GitHub Copilot apa?
Claude Code agentic — bisa eksekusi command, baca/tulis multiple file, dan bekerja standalone di terminal. Cursor adalah IDE dengan AI completion. Copilot adalah autocomplete inline. Tiga tool ini bisa komplementer, tergantung workflow.
Apakah Claude Code aman untuk codebase production?
Aman, asalkan Anda review setiap perubahan sebelum commit. Claude Code by default minta approval per command, jadi tidak akan ada eksekusi tak terduga. Untuk extra safety, jalankan di branch terpisah.
Berapa biaya rata-rata pemakaian Claude Code per bulan?
Tergantung intensitas. Casual user (1-2 jam/hari) cukup di Pro $20. Heavy user (5+ jam/hari) butuh Max 5x $100. Power user (full-time) bisa habis Max 20x $200.
Bagikan: