💡 [Idee]: Homelab Cockpit — Proxmox + OPNsense Dashboard #8

New issue

Closed

opened 2026-05-16 13:44:35 +02:00 by FTMahringer · 0 comments

FTMahringer commented

2026-05-16 13:44:35 +02:00

(Migrated from github.com)

💡 Projektidee

Kurzbeschreibung

Ein zentrales Dashboard, das Live-Daten aus Proxmox (VMs, Container, Ressourcen) und OPNsense (Firewall-Logs, Bandbreite, VPN-Status) aggregiert und in Echtzeit visualisiert. Inklusive Alarmierung bei kritischen Events (VM down, Bandbreiten-Engpass, Firewall-Drops). Anders als Grafana versteht dieses Dashboard den Kontext: "Welcher Service läuft auf welcher VM?"

Lernwert

Hoch — API-Integration, Echtzeit-Dashboards, Event-Streaming, WebSockets, Monitoring-Architekturen, Server-Sent-Events

Nutzen

Single-Pane-of-Glass für das gesamte Homelab — kein Tab-Hopping mehr zwischen Proxmox-WebUI, OPNsense und Monitoring-Tools.

Vorgeschlagener Tech-Stack

Backend: Symfony 7 (API Platform)
Frontend: Vue 3 + Vite + Chart.js / D3.js
Echtzeit: Mercure (Server-Sent Events)
Daten: PostgreSQL + Redis
Proxmox: REST API (Token-Auth), OPNsense: XMLRPC/API

Aufwand

Mittel (Tage)

Erste Schritte

Proxmox REST API erkunden + Token erstellen
OPNsense API-Endpunkte dokumentieren
Symfony-Projekt aufsetzen mit API Platform
Vue 3 Dashboard-Shell bauen
Live-Update via Mercure implementieren
Alerting-Regeln definieren

## 💡 Projektidee ### Kurzbeschreibung Ein zentrales Dashboard, das Live-Daten aus Proxmox (VMs, Container, Ressourcen) und OPNsense (Firewall-Logs, Bandbreite, VPN-Status) aggregiert und in Echtzeit visualisiert. Inklusive Alarmierung bei kritischen Events (VM down, Bandbreiten-Engpass, Firewall-Drops). Anders als Grafana versteht dieses Dashboard den Kontext: "Welcher Service läuft auf welcher VM?" ### Lernwert Hoch — API-Integration, Echtzeit-Dashboards, Event-Streaming, WebSockets, Monitoring-Architekturen, Server-Sent-Events ### Nutzen Single-Pane-of-Glass für das gesamte Homelab — kein Tab-Hopping mehr zwischen Proxmox-WebUI, OPNsense und Monitoring-Tools. ### Vorgeschlagener Tech-Stack - Backend: Symfony 7 (API Platform) - Frontend: Vue 3 + Vite + Chart.js / D3.js - Echtzeit: Mercure (Server-Sent Events) - Daten: PostgreSQL + Redis - Proxmox: REST API (Token-Auth), OPNsense: XMLRPC/API ### Aufwand Mittel (Tage) ### Erste Schritte - [ ] Proxmox REST API erkunden + Token erstellen - [ ] OPNsense API-Endpunkte dokumentieren - [ ] Symfony-Projekt aufsetzen mit API Platform - [ ] Vue 3 Dashboard-Shell bauen - [ ] Live-Update via Mercure implementieren - [ ] Alerting-Regeln definieren