Aplikasi web monitoring server berbasis SSH yang modern dan real-time, terinspirasi dari SwiftServer.

• CPU: Usage, load average, history chart
• Memory: RAM & Swap usage dengan breakdown detail
• Disk: Monitor semua partisi dengan usage percentage
• Network: Traffic upload/download per interface
• Processes: Top CPU & Memory processes
• Docker: Container monitoring (optional)
• GPU: NVIDIA GPU monitoring (optional)

• Monitor unlimited servers secara bersamaan
• Simple dashboard view: Hanya CPU & Memory di card
• Detailed view: Klik server untuk lihat semua metrics lengkap
• Independent SSH connections per server
• Grid layout responsive (1-3 columns)

• Single-user authentication (password lokal)
• JWT-based session management
• Encrypted password storage (AES-256)
• Server credentials stored in encrypted fields inside SQLite database (data/database.sqlite)
• Private keys stored as .pem files dengan permissions 0600 (owner-only)
• Private key files tersimpan di data/ssh-keys/ (excluded from git)
• No agent installation on servers
• SSH connection only
• Atomic file operations untuk data persistence

• WebSocket untuk live data streaming
• Auto-refresh setiap 5 detik
• Connection status indicator
• Error handling & reconnection
• Sequential SSH command execution

• Dark mode support
• Responsive design (desktop & mobile)
• Beautiful charts & visualizations
• Tailwind CSS styling
• Two-level view: Simple cards + Detailed page

• Node.js v18 atau lebih baru
• npm atau yarn
• SSH access ke servers yang akan dimonitor

git clone <repository-url>
cd server-monitoring

npm run install:all

Atau manual:

# Install root dependencies
npm install

# Install backend dependencies
cd backend
npm install

# Install frontend dependencies
cd ../frontend
npm install

Salin file contoh environment dan sesuaikan nilainya.

cp backend/.env.example backend/.env
cp frontend/.env.example frontend/.env

Variable penting:

Generate secret secara cepat:

node -e "console.log(require('crypto').randomBytes(48).toString('hex'))"

npm run dev

Atau jalankan terpisah:

Backend (Terminal 1):

cd backend
npm run dev

Frontend (Terminal 2):

cd frontend
npm run dev

Aplikasi akan berjalan di:

• Frontend: http://localhost:5173
• Backend API: http://localhost:3000
• WebSocket: ws://localhost:3000

• Password awal: Nilai DEFAULT_ADMIN_PASSWORD pada backend/.env

PENTING: Ganti password dari halaman Settings → Ubah Password segera setelah deploy!

Akses http://localhost:5173 dan login menggunakan password yang Anda set di DEFAULT_ADMIN_PASSWORD

• Klik tombol "Add Server"
• Isi informasi server:
  • Name: Nama server (e.g., "Production Server 1")
  • Host: IP address atau hostname
  • Port: SSH port (default: 22)
  • Username: SSH username
  • Authentication: Pilih Password atau Private Key
  • Group: Kategori server (optional)
• Klik "Add Server"

Setelah server ditambahkan, monitoring akan dimulai secara otomatis:

• CPU usage & load average
• Memory & Swap usage
• Disk partitions
• Network interfaces
• Top processes

Data akan di-update setiap 5 detik via WebSocket

• Refresh: Reload data server
• Edit: Update credentials atau info server
• Delete: Hapus server dari monitoring

┌─────────────────┐
│  React Frontend │  ← Browser (localhost:5173)
│  (Vite)         │
└────────┬────────┘
         │ HTTP REST API + WebSocket
┌────────▼────────┐
│  Express.js API │  ← Backend (localhost:3000)
│  + Socket.io    │
└────────┬────────┘
         │ SSH (Port 22)
┌────────▼────────┐
│  Target Servers │  ← Your servers
│  (Linux)        │
└─────────────────┘

server-monitoring/
├── backend/
│   ├── src/
│   │   ├── server.js              # Main server
│   │   ├── routes/                # API routes
│   │   ├── services/              # Business logic
│   │   ├── middleware/            # Auth middleware
│   │   └── utils/                 # Utilities
│   ├── data/                      # SQLite database & SSH key storage
│   └── package.json
├── frontend/
│   ├── src/
│   │   ├── pages/                 # React pages
│   │   ├── components/            # React components
│   │   ├── services/              # API & Socket services
│   │   ├── store/                 # State management (Zustand)
│   │   └── App.jsx
│   └── package.json
├── package.json                   # Root package
└── README.md

• Node.js + Express.js - REST API
• Socket.io - WebSocket real-time
• ssh2 - SSH client
• bcryptjs - Password hashing
• jsonwebtoken - JWT authentication
• better-sqlite3 - Embedded SQLite database access

• React 18 - UI library
• Vite - Build tool
• Tailwind CSS - Styling
• Recharts - Charts & graphs
• Zustand - State management
• Axios - HTTP client
• Socket.io-client - WebSocket client
• React Router - Routing
• Lucide React - Icons

Jika port 3000 atau 5173 sudah digunakan, edit:

• Backend port: backend/.env → PORT=3001
• Frontend port: frontend/vite.config.js → server.port: 5174
• Update juga: frontend/.env → VITE_API_URL dan VITE_SOCKET_URL

• Pastikan port SSH (22) terbuka di firewall
• Verifikasi username & password/key correct
• Test manual SSH: ssh username@host -p 22

• Pastikan backend server running
• Check browser console untuk errors
• Verify CORS settings di backend

• Check SSH connection status
• Verify Linux commands available di server (top, free, df, iostat)
• Check backend logs untuk errors

Jalankan ulang:

npm run install:all

Aplikasi ini menggunakan command standar Linux:

• top - CPU usage
• free -m - Memory info
• df -h - Disk usage
• iostat - Disk I/O
• ip / ifconfig - Network info
• /proc/net/dev - Network statistics
• ps aux - Process list
• uptime - System uptime
• hostname - Hostname
• uname - System info

Optional (jika tersedia):

• docker ps - Docker containers
• docker stats - Container stats
• nvidia-smi - GPU info (Nvidia)

1. Set NODE_ENV=production
2. Ganti JWT_SECRET dan ENCRYPTION_KEY
3. Setup reverse proxy (nginx/apache)
4. Enable HTTPS
5. Setup process manager (PM2):

npm install -g pm2
cd backend
pm2 start src/server.js --name server-monitoring
pm2 save
pm2 startup

1. Build production:

cd frontend
npm run build

2. Deploy dist/ folder ke web server

MIT License

Contributions are welcome! Feel free to open issues or pull requests.

Jika ada pertanyaan atau issue, silakan buat issue di repository ini.

Happy Monitoring! 🎉