⛵ SailWithUs KPI Dashboard

🚀 Installation & erster Start

🖥️ Bedienung

🔑 API-Keys — Wo bekomme ich sie?

Du brauchst nicht alle Keys. Das Dashboard zeigt nur Plattformen an, für die ein Key vorhanden ist.

🔭 GEO Monitoring — Was wird hier gemessen?

GEO = Generative Engine Optimization. Das Dashboard misst, wie sichtbar sailwithus.de in KI-Antworten ist.

Jedes Modell beantwortet 6 Anfragen rund um Segelurlaub, Mitsegeln und Yachtcharter. Die Citation Rate zeigt, wie oft sailwithus.de in den Antworten erwähnt wird (0–100%). Zusätzlich werden technische Faktoren geprüft: llms.txt, Robots.txt-Freigaben für KI-Bots und Schema.org-Markup.

🔄 Dashboard weiterbearbeiten — Session mit Claude Code neu aufsetzen

Wenn deine lokale Claude-Code-Session verloren geht (Laptop-Neustart, Terminal zu, etc.), so kannst du eine neue Session mit vollem Zugriff auf alle Connectoren und Funktionen wieder aufbauen.

📁 Lokales Projektverzeichnis

Der Code liegt lokal hier:

cd "/Users/lucas/Downloads/wetransfer_sailwithus-dashboard_2026-04-02_0550/SailWithUs-Dashboard 2"

Falls dieses Verzeichnis nicht mehr existiert, kann der gesamte Stand aus dem Server zurückgeholt werden (siehe unten).

🔑 Zugriff auf den Server

Server-IP, SSH-Key und PM2-Prozessname:

🚀 Neue Claude-Code Session starten — Schritt-für-Schritt

1. Terminal öffnen und ins Projektverzeichnis wechseln:

   cd "/Users/lucas/Downloads/wetransfer_sailwithus-dashboard_2026-04-02_0550/SailWithUs-Dashboard 2"

2. Claude Code starten:

   claude

3. Kontext geben — gleich am Anfang die folgende Nachricht senden, damit Claude weiß was los ist:

   Ich arbeite am sailwithus Marketing-Dashboard.
   Code liegt hier lokal, Server ist root@91.98.74.113 (SSH-Key ~/.ssh/sailwithus_deploy),
   auf dem Server unter /var/www/dashboard/ läuft der PM2-Prozess "dashboard".
   Frontend dashboard.sailwithus.de hinter Basic-Auth.
   Bitte einen kurzen Status-Check machen: was läuft, was nicht, gibt es offene PRs/Bugs.

4. Verbindung testen — Claude wird typischerweise diesen Test durchführen:

   ssh -i ~/.ssh/sailwithus_deploy root@91.98.74.113 "pm2 status dashboard"

🧩 Integrierte Connectoren (vollständige Liste)

🔄 Standard-Deployment-Workflow

Code lokal ändern → auf Server kopieren → PM2 neu starten:

scp -i ~/.ssh/sailwithus_deploy server.js root@91.98.74.113:/var/www/dashboard/
ssh -i ~/.ssh/sailwithus_deploy root@91.98.74.113 "pm2 restart dashboard"

📥 Falls die lokalen Dateien verloren sind

Der komplette Code-Stand lebt auf dem Server. Hol ihn zurück:

mkdir -p ~/Downloads/dashboard-restore && cd ~/Downloads/dashboard-restore
scp -i ~/.ssh/sailwithus_deploy -r root@91.98.74.113:/var/www/dashboard/{server.js,apis,public,config.js,data,package.json,.env} .

⚠️ .env enthält alle API-Keys — sicher aufbewahren, niemals committen.

🛠️ Wichtige Debug-Befehle

🌐 Browser-Connector (für UI-Aktionen via Claude)

Wenn Claude direkt in deinem Chrome navigieren soll (z. B. Stripe-/Shopify-/Pinterest-Setup):

1. Chrome-Extension „Claude in Chrome" installieren (claude.ai/chrome)
2. Einloggen mit demselben Anthropic-Account wie Claude Code
3. Claude erkennt den Browser dann automatisch über mcp__Claude_in_Chrome__*-Tools
4. Tab freigeben, Claude kann lesen, klicken, JS ausführen — Finanz-Seiten (Stripe, Bank-Portal) sind aus Sicherheitsgründen geblockt

💡 Tipp: In jeder neuen Session zuerst git status oder ls apis/ ausführen lassen, damit Claude den aktuellen Stand erfasst. Bei kritischen Änderungen (Token regenerieren, Cache leeren) immer erst Backup ziehen.

❓ Häufige Fragen