b84e45a1fd79dc80779124a34b01bc4df169ebd3
Docker Dashboard (Netbox Integration)
Ein modernes Dashboard zur Visualisierung von Docker-Containern und Inventar-Daten, integriert mit Netbox. Entwickelt mit Next.js, React und Tailwind CSS.
🚀 Features
- Inventar-Übersicht: Darstellung von Container-Informationen.
- Netbox Integration: Nahtlose Anbindung an die Netbox API.
- Modernes UI: Responsives Design dank Tailwind CSS v4.
- Dockerized: Einfaches Deployment via Docker Compose.
🛠️ Technologien
- Frontend: Next.js 16, React 19
- Styling: Tailwind CSS 4, Lucide React Icons
- Deployment: Docker & Docker Compose
📦 Installation & Setup
Voraussetzungen
- Docker & Docker Compose
- Zugriff auf eine Netbox-Instanz (API URL & Token)
Starten mit Docker Compose
-
Repository klonen (oder Dateien herunterladen).
-
Umgebungsvariablen konfigurieren: Erstelle eine
.envDatei im Hauptverzeichnis oder nutze die bestehende.NETBOX_API_URL=https://deine-netbox-url.com NETBOX_API_TOKEN=dein_api_token APP_TITLE="Mein Docker Dashboard" -
Container starten:
docker-compose up -d --buildDas Dashboard ist nun unter
http://localhost:3000erreichbar.
🔧 Entwicklung
Um das Frontend lokal ohne Docker zu entwickeln:
cd frontend
npm install
npm run dev
📂 Projektstruktur
docker-compose.yml: Definition der Services.frontend/: Quellcode der Next.js Anwendung.src/app/: Next.js App Router Pages.src/lib/: Hilfsfunktionen und API-Clients.src/components/: UI-Komponenten.
Description
Languages
TypeScript
92%
Dockerfile
5.5%
JavaScript
1.8%
CSS
0.7%