Tech

Build AI Agent Dashboard dengan OpenClaw + Sumopod VPS

Tutorial lengkap bikin AI agent yang jalan 24/7, terhubung ke Telegram, email, calendar, dan bikin dashboard real-time pakai Next.js.
2 menit baca
3 April 2026
Radit (AI Assistant)
Build AI Agent Dashboard dengan OpenClaw + Sumopod VPS
πŸ“… 3 Apr 2026🀍0 πŸ‘ 0 πŸ”— 0

Build AI Agent Dashboard dengan OpenClaw + Sumopod VPS

Public release: April 2026


Pernah nggak ngerasa butuh asisten yang bisa:

  • Jalan 24/7 tanpa kamu harus hidupin laptop
  • Ngecek email dan kasih tau email penting masuk
  • Bikin laporan harian secara otomatis
  • Connected ke semua tools yang kamu pake sehari-hari
  • Bisa diakses lewat Telegram dari mana aja

Nah, artikel ini nunjukin caranya. Dari nol sampai production-grade AI assistant yang jalan di VPS, connect ke Telegram, dan punya dashboard keren.

Spoiler: Semua infrastructure yang kamu butuhin β€” VPS, AI models, database, automation tool β€” bisa dapet di satu tempat: Sumopod VPS. Pake affiliate link gue di https://blog.fanani.co/sumopod buat support konten ini.


🎯 Apa yang Akan Kita Bangun

Bayangin pagi-pagi, tiba-tiba Telegram kamu berisi:

text
πŸŒ… Good Morning, Boss!

πŸ“§ 3 email urgent dari klien
πŸ“… Hari ini: 2 meeting (10AM & 3PM)
πŸ’° Harga emas: Rp 3.058.000/gram (+2.3% ↑)
πŸ–₯️ Server: βœ… Sehat (Uptime: 99.9%)
πŸ“‹ Tasks pending: 5 items

Itu bukan fantasy. Itu yang bakal kamu punya setelah baca artikel ini.


πŸ—οΈ Arsitektur Sistem

Sebelum mulai, penting buat ngerti dulu semua komponennya ngobrol gimana.

Mermaid Diagram
Mermaid Diagram


Kenapa Sumopod?

Pertanyaan yang muncul: "Kan udah ada AWS, DigitalOcean, Vultr β€” kenapa Sumopod?"

Emang bener. VPS tradisional cuma kasih compute doang. Kamu harus:

  • Install OpenClaw manual
  • Setup AI API keys satu-satu
  • Install dan konfigurasi n8n sendiri
  • Setup database (PostgreSQL, Redis, dll)
  • Konfigurasi networking dan security
  • Dan 100 langkah lain yang bikin pusing

Sumopod beda. Mereka kasih:

Yang Kamu DapatKeterangan
VPS PerformanceHigh-RAM, fast CPU buat AI workloads
AI Model AccessGemini, Claude, Kimi, DeepSeek β€” semuanya dari satu dashboard
n8n Pre-configuredAutomation tool udah jalan, tinggal pake
PostgreSQL DatabaseLangsung bisa pake tanpa setup ribet
Sumopod Card(Coming soon) Buat payment integrations
Custom Domain + SSLDashboard kamu bisa jalan di subdomain sendiri

Gue bukan ngomong ini buat gombal. Tapi beneran β€” kalau kamu pernah setup OpenClaw dari nol di VPS kosong, kamu tau combien waktu yang terbuang buat setup doang.

πŸ‘‰ Daftar lewat link gue: https://blog.fanani.co/sumopod


πŸ“¦ Step 1: Setup Sumopod VPS

Daftar di Sumopod, pilih plan yang sesuai kebutuhan. Untuk AI agent yang jalan 24/7, minimal:

  • 2 vCPU
  • 4GB RAM (lebih bagus 8GB)
  • 80GB SSD

Setelah VPS ready, SSH ke server:

bash
ssh root@IP_VPS_KAMU

Update system:

bash
apt update && apt upgrade -y

πŸ€– Step 2: Install OpenClaw

OpenClaw adalah "otak" dari sistem ini. Dia yang handle semua AI logic, ngobrol sama Telegram, dan orchestrate automation workflows.

Install Node.js

OpenClaw butuh Node.js 18+. Install lewat nodesource:

bash
curl -fsSL https://deb.nodesource.org/setup_22.x | bash -
apt install -y nodejs
node --version

Install OpenClaw

bash
curl -fsSL https://openclaw.ai/install.sh | sh

Atau follow official guide di https://docs.openclaw.ai.

Setup sebagai System Service

Ini penting β€” biar OpenClaw auto-start waktu server reboot:

bash
cat > /etc/systemd/system/openclaw.service << 'EOF'
[Unit]
Description=OpenClaw Gateway
After=network.target

[Service]
Type=simple
User=root
WorkingDirectory=/root
ExecStart=/usr/local/bin/openclaw gateway start
Restart=always
RestartSec=10
Environment=NODE_ENV=production

[Install]
WantedBy=multi-user.target
EOF

systemctl enable openclaw
systemctl start openclaw
systemctl status openclaw

Kalo udah keliatan active (running) β€” berarti OpenClaw udah jalan βœ…


πŸ’¬ Step 3: Connect ke Telegram

OpenClaw tanpa channel komunikasi itu kayak HP tanpa sinyal. Telegram adalah cara paling gampang buat ngobrol sama agent kamu.

Buat Telegram Bot

  1. Buka Telegram, cari @BotFather
  2. Ketik /newbot
  3. Kasih nama: My AI Assistant
  4. Kasih username (harus unik): yourname_ai_bot
  5. BotFather bakal kasih token yang bentuknya: 123456789:ABCdefGhIJKlmNoPQRstuVWxyZ

Temuin User ID Telegram kamu

  1. Buka Telegram, cari @userinfobot
  2. Kirim /start
  3. Bot bakal reply Your user ID: 123456789

Konfigurasi OpenClaw

Edit config:

bash
nano ~/.openclaw/config.json

Tambahin plugin Telegram:

json
{
  "plugins": {
    "telegram": {
      "enabled": true,
      "botToken": "TOKEN_BOT_KAMU",
      "allowedUsers": ["USER_ID_KAMU"]
    }
  }
}

Restart:

bash
systemctl restart openclaw

Sekarang buka Telegram, cari bot kamu, kirim /start. Kalau agent bales β€” berarti connected βœ…


🧠 Step 4: Setup AI Models

OpenClaw itu model-agnostic. Kamu bisa pake Gemini, Claude, Kimi, DeepSeek, atau model lokal via Ollama. Combinasinya bisa sesuai budget dan use case.

Strategi Model Routing

Ini kunci buat hemat biaya. Nggak semua task butuh model termahal.

Mermaid Diagram
Mermaid Diagram

Prinsip utama: 80% task masuk Tier 1. Baru naik ke Tier 2/3 kalau Tier 1 gagal atau task-nya emang complex.

Setup Gemini (Primary)

Gemini = daily driver. Fast, cheap, excellent buat most tasks.

bash
# Get API key di https://aistudio.google.com/app/apikey
export GEMINI_API_KEY="API_KEY_KAMU"

Setup Ollama (Free Local Models)

Untuk task ringan yang sering dipake:

bash
curl -fsSL https://ollama.ai/install.sh | sh
ollama pull llama3.1
ollama pull phi3

Ollama jalan di localhost, jadi nggak ada biaya API.

Setup Claude (Premium β€” Only for Complex Tasks)

bash
export CLAUDE_API_KEY="API_KEY_KAMU"

Pake Claude cuma buat:

  • Coding arsitektur yang kompleks
  • Deep research atau analysis
  • Task yang Tier 1 gagal handle

⚑ Step 5: Setup n8n Automation

n8n itu automation tool yang powerful β€” kayak Zapier tapi self-hosted dan lebih flexible.

Install n8n

bash
npm install -g n8n

Atau pake Docker:

bash
docker run --name n8n -d \
  --restart always \
  -p 5678:5678 \
  -v n8n_data:/home/node/.n8n \
  n8nio/n8n

Setup Reverse Proxy (Nginx)

Biar bisa diakses dari browser dengan SSL:

nginx
# /etc/nginx/sites-available/n8n
server {
    listen 80;
    server_name n8n.domainkamu.com;
    return 301 https://$server_name$request_uri;
}

server {
    listen 443 ssl http2;
    server_name n8n.domainkamu.com;

    ssl_certificate /etc/letsencrypt/live/n8n.domainkamu.com/fullchain.pem;
    ssl_certificate_key /etc/letsencrypt/live/n8n.domainkamu.com/privkey.pem;

    location / {
        proxy_pass http://localhost:5678;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
    }
}

Connect Google Workspace

n8n punya native nodes buat:

  • πŸ“§ Gmail β€” baca, kirim, label email
  • πŸ“ Google Drive β€” upload/download file
  • πŸ“Š Google Sheets β€” baca/tulis spreadsheet
  • πŸ“… Google Calendar β€” bikin/event, cek jadwal
  • βœ… Google Tasks β€” manage task list

Di n8n, pergi ke Credentials β†’ Google OAuth2 β†’ authenticate. Perlu:

  1. Google Cloud project dengan API yang relevan enabled
  2. OAuth 2.0 client credentials
  3. Callback URL ke n8n instance kamu

🎨 Step 6: Build Dashboard (Next.js)

Dashboard ini yang bikin semua data jadi可视. Nggak harus pake Next.js β€” Vue, React, atau bahkan vanilla HTML juga bisa. Tapi Next.js enak buat deploy ke Vercel gratis.

Struktur Data

Mermaid Diagram
Mermaid Diagram

Deploy ke Vercel

bash
git clone https://github.com/username/radit-dashboard.git
cd radit-dashboard
npm install
npm run build
vercel deploy

Atau deploy sendiri di VPS yang sama. Tergantung preferensi.


⏰ Step 7: Automate with Cron Jobs

Agent yang bagus itu harusnya kerja sendiri tanpa kamu suruh. Cron jobs handles that.

Morning Briefing (Setiap Pagi 07:00 WITA)

bash
# Otomatis kirim ringkasan pagi ke Telegram
0 7 * * * /path/to/morning-briefing.sh --send

Isinya:

  • πŸ“§ Email urgent
  • πŸ“… Jadwal hari ini
  • πŸ’° Harga emas
  • πŸ–₯️ Server status

Periodic Health Checks

bash
# Cek service health tiap 5 menit
*/5 * * * * /path/to/service-health-check.sh

# Brute force detection tiap 15 menit
*/15 * * * * /path/to/brute-force-monitor.sh

# Server vibes tiap jam
0 * * * * /path/to/vibes-monitor.sh

Evening Auto-Diary

bash
# Generate diary entry dan push ke GitHub
0 23 * * * /path/to/auto-diary-memory.sh

πŸ”’ Step 8: Security Setup

VPS yang kena hack itu painful banget. Spend 30 menit buat security sekarang, save you dari headache later.

Firewall (UFW)

bash
ufw default deny incoming
ufw default allow outgoing
ufw allow ssh
ufw allow 443/tcp
ufw allow 80/tcp
ufw enable

Fail2Ban

bash
apt install -y fail2ban
systemctl enable fail2ban
systemctl start fail2ban

Auto-ban IP yang gagal login SSH lebih dari 5 kali.

SSL Certificate

bash
apt install -y certbot python3-certbot-nginx
certbot --nginx -d dashboard.domainkamu.com

Certificate auto-renewal udah termasuk.


πŸ’‘ Use Cases Nyata

Ini beberapa contoh yang bisa kamu automate:

1. Email Classification

Agent baca email masuk, classify otomatis:

  • βœ… Invoice β†’ forward ke finance
  • πŸ”΄ Urgent β†’ alert via Telegram
  • πŸ“‹ RFQ/Tender β†’ add ke Google Tasks

2. Attendance Monitoring

Setiap pagi, cek siapa yang absent. Kirim report ke HR manager via Telegram.

3. Gold Price Alert

Kalau harga emas berubah >2% dalam sehari, alert langsung ke Telegram.

4. Server Health Auto-Restart

Kalo OpenClaw mati, auto-restart. Kalo nginx down, alert. Kalo disk penuh, auto-cleanup.

5. Business Intelligence

Combine data dari:

  • Google Analytics (traffic)
  • Email (leads)
  • Attendance (team performance)
  • Gold price (cost projection)

Jadi satu dashboard yang nunjukin "health" keseluruhan bisnis.


πŸ“‹ Checklist Deployment

Mermaid Diagram
Mermaid Diagram


πŸš€ Mulai dari Mana

Oke,θΏ™δΉˆε€š information. Mulai dari mana?

Step paling penting: Daftar ke Sumopod dulu.

Itu yang bakal nge-host everything β€” VPS, AI models, n8n, database. Tanpa itu, kamu harus setup semua sendiri satu-satu, dan trust me, itu nggak fun.

πŸ‘‰ https://blog.fanani.co/sumopod

Itu link referral gue. Nggak ada biaya tambahan buat kamu, tapi gue dapet komisi yang bantu gue terusin bikin konten seperti ini.

Setelah VPS ready:

  1. Install OpenClaw (30 menit)
  2. Setup Telegram bot (15 menit)
  3. Configure AI models (15 menit)
  4. Setup n8n (30 menit)
  5. Build dashboard (1-2 jam)
  6. Setup cron jobs (30 menit)

Total: ~4-5 jam dari nol sampai fully functional AI agent.


πŸ”— Resources Tambahan

Tutorials terkait yang bisa bantu kamu deeper:


⚠️ Notes

  • Artikel ini di-test terakhir di OpenClaw v2026.2.13 running di Sumopod VPS dengan Ubuntu 22.04 LTS
  • Harga dan availability dari third-party services bisa berubah. Cek langsung di website masing-masing.
  • AI model pricing dihitung per token β€” selalu monitor usage biar nggak kejut pas bill datang.

Artikel ini dibuat dengan bantuan AI (Radit, AI Assistant) dan dihosting dengan Sumopod VPS. Kalau kamu觉得这useful, consider mendaftar lewat link referral gue. πŸ™

Ada Pertanyaan? Yuk Ngobrol!

Butuh bantuan setup OpenClaw, konsultasi IT, atau mau diskusi project engineering? Book a call langsung β€” gratis.

Book a Call β€” Gratis

via Cal.com β€’ WITA (UTC+8)

πŸ“¬ Subscribe Newsletter

Dapat alert setiap ada artikel baru langsung ke inbox kamu. Free, no spam. πŸš€

F

Zainul Fanani

Founder, Radian Group. Engineering & tech enthusiast.

Catatan Fanani

Ngutak-ngatik teknologi, nulis pengalaman.

Perusahaan

  • CV Radian Fokus Mandiri β€” Balikpapan
  • PT UNO Solusi Teknik β€” Balikpapan
  • PT Reka Formasi Elektrika β€” Jakarta
  • PT Raya Fokus Solusi β€” Sidoarjo
Β© 2026 Catatan Fanani. All rights reserved.