devbox.id

Developer tools, self-hosted dev environments, productivity for solo engineers

Self-Hosted IDE Alternatives Terbaik 2024

by Marcus Chen
Self-Hosted IDE Alternatives Terbaik 2024

Kamu lagi ngoding di Gitpod atau GitHub Codespaces, terus tiba-tiba tagihan bulan ini naik dua kali lipat. Atau lebih parah: workspace kamu di-suspend karena limit free tier habis di tengah deadline. Familiar?

Itu yang gue alami tahun lalu. Dan solusinya bukan cari tool gratis lain yang nanti juga bayar — tapi deploy IDE sendiri di VPS yang sudah gue bayar tiap bulan.

Artikel ini bahas best self-hosted IDE alternatives yang gue sudah coba sendiri, lengkap dengan cara deploy, gotcha yang gue temui, dan mana yang worth it buat kamu.

Kenapa Self-Hosted IDE Masuk Akal

Cloud IDE itu nyaman, tapi ada trade-off yang sering diabaikan:

  • Data kamu ada di server orang lain. Kalau kamu kerja di project klien atau ada credential di environment variable, itu risiko nyata.
  • Koneksi internet jadi dependency. Putus internet = stop kerja.
  • Biaya scale tidak linear. Makin banyak developer di tim, tagihan naik drastis.

Self-hosted bukan berarti ribet. VPS 2 vCPU, 4 GB RAM di Hetzner atau DigitalOcean sudah cukup buat satu developer. Harganya sekitar $6–12/bulan — jauh lebih murah dari langganan cloud IDE premium.

1. code-server — VS Code di Browser

Ini yang paling populer dan paling mudah di-setup. code-server adalah VS Code yang jalan di server kamu, diakses lewat browser.

Deploy dengan Docker:

docker run -d \
  --name code-server \
  -p 8080:8080 \
  -v "$HOME/.config:/home/coder/.config" \
  -v "$HOME/projects:/home/coder/projects" \
  -e DOCKER_USER=$USER \
  codercom/code-server:latest

Setelah container jalan, ambil password-nya:

docker exec code-server cat /home/coder/.config/code-server/config.yaml

Output-nya kira-kira:

bind-addr: 127.0.0.1:8080
auth: password
password: abc123randomstring
cert: false

Buka http://your-vps-ip:8080, masukkan password, dan kamu sudah punya VS Code di browser.

Gotcha yang gue temui:

Extension marketplace di code-server bukan Microsoft's official marketplace — mereka pakai Open VSX Registry. Beberapa extension proprietary seperti GitHub Copilot atau beberapa theme tidak tersedia. Workaround-nya: download file .vsix dari VS Code Marketplace dan install manual via Extensions: Install from VSIX.

Selain itu, jangan expose port 8080 langsung ke internet tanpa HTTPS. Pasang Nginx sebagai reverse proxy dengan SSL dari Let's Encrypt:

server {
    listen 443 ssl;
    server_name ide.yourdomain.com;

    ssl_certificate /etc/letsencrypt/live/ide.yourdomain.com/fullchain.pem;
    ssl_certificate_key /etc/letsencrypt/live/ide.yourdomain.com/privkey.pem;

    location / {
        proxy_pass http://localhost:8080;
        proxy_set_header Host $host;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection upgrade;
        proxy_set_header Accept-Encoding gzip;
    }
}

Cocok untuk: Developer yang sudah familiar VS Code dan mau zero learning curve.

2. Gitea + Gitpod Self-Hosted (Kombinasi)

Kalau kamu butuh lebih dari sekadar editor — butuh Git hosting juga — kombinasi Gitea dan Gitpod Self-Hosted layak dipertimbangkan.

Gitea ringan banget. Bisa jalan di VPS 1 GB RAM sekalipun:

docker run -d \
  --name gitea \
  -p 3000:3000 \
  -p 222:22 \
  -v gitea_data:/data \
  gitea/gitea:latest

Gitpod Self-Hosted lebih berat — butuh Kubernetes atau minimal k3s. Ini yang bikin banyak orang mundur. Tapi kalau kamu sudah punya cluster k3s di homelab, Gitpod bisa di-integrate langsung dengan Gitea via OAuth.

Jujur: Untuk solo developer, kombinasi ini overkill. Lebih masuk akal kalau kamu manage tim kecil 3–5 orang dan butuh proper Git workflow plus ephemeral dev environments.

3. Coder — Platform Dev Environment

Coder (bukan code-server, ini berbeda) adalah platform yang lebih enterprise — tapi ada community edition yang gratis.

Coder pakai konsep workspace templates berbasis Terraform. Kamu define environment sebagai kode, lalu developer bisa spawn workspace dari template itu.

Install Coder di VPS:

curl -fsSL https://coder.com/install.sh | sh

Jalankan sebagai service:

coder server \
  --access-url https://coder.yourdomain.com \
  --wildcard-access-url "*--apps.coder.yourdomain.com"

Contoh template workspace sederhana (main.tf):

terraform {
  required_providers {
    coder = {
      source = "coder/coder"
    }
    docker = {
      source = "kreuzwerker/docker"
    }
  }
}

resource "coder_agent" "main" {
  arch           = "amd64"
  os             = "linux"
  startup_script = <<-EOT
    #!/bin/bash
    code-server --install-extension ms-python.python
  EOT
}

resource "docker_container" "workspace" {
  count = data.coder_workspace.me.start_count
  image = "codercom/enterprise-base:ubuntu"
  name  = "coder-${data.coder_workspace.me.owner}-workspace"

  env = [
    "CODER_AGENT_TOKEN=${coder_agent.main.token}",
  ]

  command = [
    "sh", "-c",
    coder_agent.main.init_script
  ]
}

Gotcha: Coder butuh domain dengan wildcard DNS untuk fitur port forwarding-nya. Kalau kamu pakai Cloudflare, set *.coder.yourdomain.com ke IP VPS kamu.

Cocok untuk: Tim kecil yang butuh standardized dev environment. Onboarding developer baru jadi hitungan menit, bukan jam.

4. Theia IDE — Eclipse-Based, Extensible

Theia adalah IDE framework open source dari Eclipse Foundation. Tampilannya mirip VS Code tapi arsitekturnya berbeda — lebih modular dan bisa di-customize lebih dalam.

Beberapa cloud IDE besar (seperti Gitpod sebelumnya) pakai Theia sebagai basis sebelum mereka switch ke VS Code.

Deploy Theia dengan Docker:

docker run -it \
  -p 3000:3000 \
  -v "$(pwd):/home/project:cached" \
  theiaide/theia:latest

Kalau kamu butuh support Python dan Node.js sekaligus:

docker run -it \
  -p 3000:3000 \
  -v "$(pwd):/home/project:cached" \
  theiaide/theia-full:latest

Jujur soal Theia: Extension ecosystem-nya tidak sebesar VS Code. Kalau kamu heavily depend on specific VS Code extensions, Theia bisa frustrasi. Tapi kalau kamu butuh IDE yang bisa di-embed ke dalam aplikasi kamu sendiri (misalnya bikin platform coding education), Theia adalah pilihan terbaik karena API-nya yang bersih.

5. JupyterLab — Khusus Data Science

Kalau kamu data engineer atau sering kerja dengan notebook, JupyterLab adalah self-hosted IDE yang tidak perlu dipertanyakan lagi.

docker run -d \
  --name jupyterlab \
  -p 8888:8888 \
  -v "$(pwd)/notebooks:/home/jovyan/work" \
  jupyter/datascience-notebook:latest \
  start-notebook.sh --NotebookApp.token='your-secure-token'

Akses di http://your-vps-ip:8888/?token=your-secure-token.

JupyterLab support kernel selain Python — R, Julia, bahkan Bash. Dan dengan ekstensi jupyterlab-git, kamu bisa manage Git langsung dari UI.

Gotcha: Image datascience-notebook ukurannya besar (~3 GB). Kalau storage VPS kamu terbatas, pakai jupyter/minimal-notebook dan install package yang kamu butuhkan saja.

Perbandingan Cepat

Tool RAM Minimum Learning Curve Cocok Untuk
code-server 1 GB Rendah Solo dev, familiar VS Code
Coder 2 GB Sedang Tim kecil, standardized env
Theia 1 GB Sedang Custom platform, embedding IDE
JupyterLab 2 GB Rendah Data science, notebook workflow
Gitpod Self-Hosted 8 GB+ Tinggi Tim besar, ephemeral workspaces

Security Checklist Sebelum Expose ke Internet

Ini yang sering dilewatin orang waktu setup self-hosted IDE:

# 1. Pastikan firewall aktif
ufw allow 22/tcp    # SSH
ufw allow 80/tcp    # HTTP (redirect ke HTTPS)
ufw allow 443/tcp   # HTTPS
ufw deny 8080/tcp   # Jangan expose port IDE langsung
ufw enable

# 2. Setup fail2ban untuk proteksi brute force
apt install fail2ban -y
systemctl enable fail2ban
systemctl start fail2ban

# 3. Disable password auth di SSH, pakai key only
# Edit /etc/ssh/sshd_config:
# PasswordAuthentication no
# PubkeyAuthentication yes

Dan selalu pasang autentikasi di depan IDE kamu — jangan percaya hanya pada password bawaan tool-nya. Kalau mau lebih aman, tambahkan Authelia atau Authentik sebagai SSO layer.

Yang Gue Pakai Sekarang

Setup gue saat ini: code-server di VPS Hetzner CX21 (2 vCPU, 4 GB RAM, €4.51/bulan). Di belakangnya ada Nginx dengan SSL, dan akses hanya dari IP tertentu via Nginx allow/deny.

Untuk project yang butuh environment berbeda (misalnya project Python 3.9 vs 3.12), gue pakai Docker di dalam VPS dan mount project folder ke container yang sesuai. Tidak perlu Coder atau Gitpod untuk use case gue yang solo.

Kalau kamu baru mulai, mulai dari code-server. Setup-nya 15 menit, dan kamu langsung productive. Kalau nanti tim kamu berkembang dan butuh standardized environment, baru migrate ke Coder.

Langkah selanjutnya yang bisa kamu lakukan:

  1. Spin up VPS (Hetzner, DigitalOcean, atau Biznet Gio kalau mau latency rendah dari Indonesia)
  2. Deploy code-server dengan Docker
  3. Pasang Nginx + Certbot untuk HTTPS
  4. Set up VS Code Settings Sync supaya konfigurasi kamu tersinkron

Self-hosted IDE bukan tentang hemat biaya semata — ini tentang kontrol penuh atas environment kerja kamu.