~/VibeHandbook
PDF Gratis

Platform

github.com

GitHub Codespaces

Apa itu ini

Bayangkan menyewa apartemen yang sudah lengkap furniturnya, alih-alih membeli perabot dan menata sendiri setiap ruangan — kamu tinggal masuk dan semuanya sudah siap. GitHub Codespaces adalah versi ngoding dari itu: sebuah lingkungan pengembangan lengkap (semua bahasa pemrograman, alat, dan file proyek yang kamu butuhkan untuk menulis dan menjalankan kode) yang berjalan di cloud (server jarak jauh milik penyedia layanan, bukan komputermu sendiri), diluncurkan langsung dari sebuah (tempat penyimpanan kode di GitHub). Alih-alih memasang semuanya di komputer sendiri, kamu membuka sebuah Codespace dan langsung mendapat lingkungan yang siap-pakai — biasanya berupa VS Code (editor kode gratis yang populer) di browser atau tersambung dari desktop — dengan proyek yang sudah tersusun rapi. Lingkungan ini didefinisikan di repo kamu lewat sebuah konfigurasi dev — "dev container" adalah file resep yang mendaftar persis alat dan pengaturan apa saja yang dibutuhkan proyek, sehingga semua orang mendapat susunan yang sama dalam hitungan detik.

Kelebihan

  • Tidak perlu pengaturan lokal — buka sebuah repo dan langsung mulai ngoding di lingkungan yang sudah terkonfigurasi penuh.
  • Lingkungan yang konsisten dan bisa direproduksi, didefinisikan dalam kode (devcontainer.json).
  • Bisa menyalakan mesin baru yang bisa dibuang untuk tiap atau tugas, lalu buang begitu saja.
  • Bisa dipakai dari browser atau editor desktop yang tersambung; bisa dipakai dari perangkat dengan daya rendah.
  • Onboarding (proses memulai kontributor baru) nyaris instan — kontributor baru bisa melewati hari "instal semuanya dulu".

Kompromi

  • Ini berbasis meteran: komputasi dan penyimpanan dikenakan biaya di luar jatah gratis bulanan.
  • Membutuhkan koneksi internet yang andal; ini bukan alur kerja offline.
  • Perkakas lokal yang berat atau khusus (GPU, dependensi native tertentu) mungkin tidak cocok dengan baik.
  • Kamu jadi bergantung pada lingkungan yang di-hosting, bukan memiliki pengaturan lokal sendiri.

Paling cocok untuk

Masuk ke sebuah proyek dengan cepat tanpa pengaturan lokal, memberi setiap kontributor lingkungan yang identik, dan menjalankan ruang kerja sekali-pakai per tugas — terutama berguna untuk onboarding, eksperimen cepat, atau ngoding dari perangkat yang terbatas.

Kecocokan dengan vibe coding

Codespaces adalah panggung yang bersih untuk vibe coding karena lingkungannya bisa dibuang dan direproduksi: sebuah (asisten AI yang menjalankan tugas secara otonom) bisa memasang, membangun, dan menjalankan apa pun secara bebas, dan kalau ia bikin berantakan kamu tinggal buang Codespace itu dan mulai dari awal lagi. Definisikan susunannya dalam sebuah devcontainer.json supaya agent — dan kamu — selalu mendarat di lingkungan terkonfigurasi yang sama. Tip: minta agent untuk menyimpan konfigurasi dev container di repo dan menjelaskan apa saja yang ditambahkannya, sehingga "jalan di komputerku" jadi komputer yang sama untuk semua orang.

// .devcontainer/devcontainer.json
{
  "name": "vibe-project",
  "image": "mcr.microsoft.com/devcontainers/javascript-node:20",
  "postCreateCommand": "npm install",
  "forwardPorts": [3000]
}