GitHub Codespaces: VS Code di Browser

Laptop boleh kentang, yang penting browser jalan

Codespaces adalah mesin virtual development yang berjalan di cloud GitHub dan bisa kamu akses lewat browser, isinya VS Code versi web plus terminal, ekstensi, dan seluruh dependency proyekmu. Kenapa ini ada? Karena setup lingkungan adalah pembunuh produktivitas nomor satu: "di laptopku jalan, di laptopmu enggak" biasanya berarti versi Node beda, database belum diinstal, atau environment variable kurang satu. Codespaces menghapus masalah itu dengan memberi semua orang mesin yang identik, dibuat dari definisi yang sama.

Cara pakainya sederhana: buka repo di GitHub, klik tombol hijau Code, pilih tab Codespaces, lalu "Create codespace on main". Beberapa menit kemudian kamu punya VS Code di tab browser, repo sudah ter-clone, dan kamu bisa langsung ngoding, menjalankan test, bahkan membuka preview aplikasi lewat port forwarding. Tidak ada yang perlu diinstal di laptopmu, yang bekerja keras adalah server GitHub.

Kapan Codespaces bersinar

Skenario terbaiknya ada tiga. Pertama, onboarding: anggota baru atau kontributor open source bisa mulai berkontribusi tanpa menghabiskan setengah hari setup. Kedua, perangkat terbatas: Chromebook, tablet, atau laptop pinjaman tetap bisa dipakai ngoding serius. Ketiga, eksperimen cepat: mau coba PR orang lain tanpa mengotori repo lokalmu? Buka codespace dari branch PR itu, selesai, hapus.

Repo bisa menyertakan file .devcontainer/devcontainer.json untuk mendefinisikan lingkungan: image Docker, ekstensi VS Code yang otomatis terinstal, dan perintah setup seperti npm install. Contoh minimal:

{
  "image": "mcr.microsoft.com/devcontainers/javascript-node:20",
  "customizations": {
    "vscode": {
      "extensions": ["esbenp.prettier-vscode"]
    }
  },
  "postCreateCommand": "npm install"
}

Dengan file ini, setiap codespace yang dibuat dari repo otomatis punya Node 20, ekstensi Prettier, dan dependency terinstal. Inilah yang membuat "works on my machine" punah: definisi lingkungannya ikut ter-version control.

Batasan yang wajib diketahui

Codespaces tidak gratis tanpa batas. Akun gratis mendapat kuota sekitar 120 core hours per bulan dan 15 GB penyimpanan. Artinya mesin 2-core bisa jalan sekitar 60 jam per bulan, lebih dari cukup untuk belajar dan proyek sampingan, tapi jangan dibiarkan menyala semalaman tiap hari. Codespace yang idle otomatis mati setelah 30 menit default, dan kamu bisa menghapusnya kapan saja dari halaman Codespaces di profilmu.

Batasan lain: butuh internet yang stabil karena semua komputasi terjadi di cloud, dan performa mesin cloud kelas gratis tidak akan menyaingi laptop gaming untuk workload berat seperti build raksasa. Untuk coding sehari-hari, menulis API, atau mengerjakan tugas sekolah, ia lebih dari cukup.

Kesalahan umum pemula

Salah: membuat banyak codespace untuk repo yang sama lalu lupa menghapusnya, sehingga kuota bulanan habis di minggu kedua. Benar: satu repo cukup satu codespace aktif. Hapus yang tidak dipakai lewat github.com/codespaces, dan biarkan auto-shutdown bekerja.

Salah: menganggap codespace sebagai tempat penyimpanan permanen, menyimpan file penting hanya di sana tanpa push. Benar: codespace itu sementara dan bisa dihapus kapan saja. Commit dan push pekerjaanmu seperti biasa; yang abadi adalah repo, bukan mesinnya.