Schwarmspeicher Electrify

Version 12.1 by Patrizia Gurschka on 2026/09/10 08:16

🔋  Schwarmspeicher Electrify

Information

Zweck: Webbasiertes Projektmanagementsystem zur Verwaltung von Batterie-Großspeicherprojekten in Deutschland und Österreich — vom Standort ĂŒber Genehmigungen bis zur Projektsteuerung und Dokumentation. Deckt zwei Use-Cases ab: klassische Schwarmspeicher-Standorte und PV-Co-Location-Standorte.

Zielgruppe: Vertriebs-/Projektentwicklungsteam und IT/DevOps-Betrieb.

📁 src/

📁   components/   UI-Komponenten (Schwarmspeicher + CoLocation*-Pendants)

📁   pages/   Seiten der Anwendung

📁   hooks/   Datenzugriffe und Business-Logik

📁   integrations/   Supabase Client

📁   types/   TypeScript-Modelle

📁   lib/   Hilfsfunktionen (u.a. mapCoordinates.ts)

📁 supabase/

📁   migrations/   SQL-Migrationen (inkl. komplettes PV-Co-Location-Schema)

📁   functions/   Edge Functions

Architektur

1789017284336-190.png

ZusĂ€tzlich ĂŒbernimmt nginx im Frontend-Container TLS-Terminierung und same-origin-Routing (/auth, /rest, /storage, /realtime, /functions → supabase-kong) — dadurch lĂ€uft die App ohne CORS- oder Private-Network-Access-Probleme im Browser

Übersicht

Schwarmspeicher Electrify unterstĂŒtzt den gesamten Projektlebenszyklus: Standortidentifikation, Genehmigungen, Projektsteuerung und Dokumentation — fĂŒr beide Use-Cases parallel, ĂŒber einen Umschalter in der Seitenleiste.

Technologie-Stack

Frontend: React 18 · TypeScript · Vite · Tailwind CSS · shadcn/ui · React Router · React Query · Leaflet + leaflet.markercluster (Kartendarstellung) · Recharts (Diagramme) · XLSX (Excel-Import/-Export)

Backend: Supabase (self-hosted) — PostgreSQL, Authentication, Storage, Edge Functions, Row Level Security (RLS)

Use-Case-Umschalter

Zwei Buttons oben in der Seitenleiste ("Schwarmspeicher" / "PV-Co-Location"). Welcher Use-Case aktiv angezeigt wird, leitet sich direkt aus der aktuellen URL ab (Hook useUseCase.tsx, /pv-colocation/*-Pfade vs. Rest) — nicht aus einem gespeicherten Zustand. Dadurch zeigt die Seitenleiste nach Login oder direktem Aufruf eines Links immer konsistent den richtigen Use-Case.

Hauptfunktionen

Dashboard

Zentrale Übersicht ĂŒber Projekte, Status, Kennzahlen und Projektfortschritt.

  • Schwarmspeicher: Dashboard.tsx — Pipeline-Summary, kW/kWh-KPIs, Plan-vs-Ist-Charts pro Meilenstein
  • PV-Co-Location: CoLocationDashboard.tsx — gleiche Struktur, Einheiten angepasst (kWp/kW), zweite Übersichtskarte zeigt Standortpartner-Anzahl statt Gemeinden

Projektverwaltung / Standortverwaltung

Standorte anlegen, bearbeiten, importieren, Historie, Dokumente, sortierbare Tabelle mit Meilenstein-Filter, Bulk-Bearbeitung, Als-abgebrochen-markieren/Reaktivieren.

  • Schwarmspeicher: ProjectTable, StandortDetail, CreateStandortFormNew, StandortImportDialog, StandortDokumente, AbbruchDialog, MeilensteinQuickEdit, MeilensteinMatrix, BulkEditStandortDialog
  • PV-Co-Location: CoLocationProjectTable, CoLocationStandortDetail, CreateCoLocationForm, CoLocationImportDialog, CoLocationStandortDokumente, CoLocationAbbruchDialog, CoLocationMeilensteinQuickEdit, CoLocationMeilensteinMatrix, CoLocationBulkEditDialog

Import-Dialoge (beide Use-Cases) unterstĂŒtzen: direkte Koordinatenspalten, DMS-Format, Koordinatenpaare im Adressfeld, Gemeinde-Auflösung per PLZ, mehrstufige strukturierte Geocoding-Anfragen (inkl. Konskriptionsnummern) mit Validierung gegen Gemeinde-Zentroide, sowie automatische Erkennung der Kopfzeile.

Gemeinden

Verwaltung der Gemeinden (CreateGemeindeForm, nur Schwarmspeicher). Edge Function fetch-noe-gemeinden lĂ€dt NÖ-Gemeinden.

Kartenansicht

Interaktive Karte aller Standorte (Leaflet + Clustering), Adresssuche, Vollbildmodus, FlĂ€chenauswahl (Shift+Ziehen), Trafokarte-NÖ-Layer mit Legende.

  • Schwarmspeicher: ProjectMap
  • PV-Co-Location: CoLocationMap
  • Gemeinsam genutzt: LocationPickerMap (Einzelstandort-Kartenauswahl), src/lib/mapCoordinates.ts (dedupeCoordinates — verhindert sofortiges Auftrennen bei identischen Koordinaten)

Potenzialanalyse

Bewertung möglicher Standorte (PotenzialTabelle, PotenzialPage) — nur Schwarmspeicher, kein Pendant bei PV-Co-Location.

Pipeline

  • Schwarmspeicher: VorprojektePipeline, VorprojektTimeline
  • PV-Co-Location: CoLocationPipeline (Felder an kWp/BESS-kW angepasst; kein Pendant zu VorprojektTimeline)

Meilensteinverwaltung

Projektfortschritt ĂŒber Meilensteine, matrixartige Übersicht mit Bulk-Setzen, Gruppierung.

  • Schwarmspeicher: MeilensteinMatrix, MeilensteinQuickEdit (inkl. Sonderfall-Dialog NetzvertragAnpassungDialog)
  • PV-Co-Location: CoLocationMeilensteinMatrix, CoLocationMeilensteinQuickEdit — eigene Meilensteinkette: Vollmacht gestellt → Vollmacht erhalten → Netzantrag gestellt → Netzvertrag erhalten → Pachtvertrag unterschrieben → Standort gebaut → Standort live Trading (Kurzbeschriftungen: VM ges. / VM erh. / NA gest. / NV erh. / PV unt. / Gebaut / Trading)

Stockend

Zeigt Standorte, bei denen die Lead-Time zwischen zwei Meilensteinen ĂŒberschritten ist, konfigurierbare Regeln.

  • Schwarmspeicher: StuckPage
  • PV-Co-Location: CoLocationStuckPage (eigene, getrennt gespeicherte Lead-Time-Regeln entlang der neuen Meilensteinkette)

Forecast

Monatliche Zielvorgaben, Plan-vs-Ist-Charts pro Kennzahl.

  • Schwarmspeicher: ForecastPage (kW und kWh pro Monat/Meilenstein, nach Land AT/DE getrennt)
  • PV-Co-Location: CoLocationForecastPage — 4 KPI-Charts entlang Netzantrag gestellt / Netzvertrag erhalten / Standort gebaut / Standort live Trading (kein Land-Split)

Aufgabenverwaltung

Projektbezogene Aufgaben, jeweils eigene, komplett getrennte Liste pro Use-Case.

  • Schwarmspeicher: TaskManager, TasksPage, Hook useTasks()
  • PV-Co-Location: CoTaskManager, CoLocationTasksPage, Hook useCoTasks()

Dokumentenverwaltung

Zu jedem Standort und jedem Standortpartner können Dokumente hochgeladen werden.

  • Schwarmspeicher: StandortDokumente, PartnerDokumente, Hook useDokumente()
  • PV-Co-Location: CoLocationStandortDokumente, CoLocationPartnerDokumente, Hook useCoDokumente() — eigener Storage-Bucket co-dokumente

Standortpartner

Verwaltung von Projektpartnern, eigene, komplett getrennte Partnerliste pro Use-Case.

  • Schwarmspeicher: StandortpartnerManager, StandortpartnerTable
  • PV-Co-Location: CoLocationStandortpartnerManager, CoLocationStandortpartnerTable

Benutzerverwaltung

Anmeldung, PasswortĂ€nderung, Rollen (admin/user). Komponenten: AuthProvider, ProtectedRoute, BenutzerPage, LoginPage. LĂ€uft ĂŒber die Edge Function manage-users (Supabase Admin-API, prĂŒft Admin-Rechte serverseitig). Nach Login wird immer auf "/" weitergeleitet, unabhĂ€ngig von der zuvor besuchten URL.

Audit Log

Nachvollziehbarkeit von Änderungen (AuditLogPage), tabellenĂŒbergreifend ĂŒber beide Use-Cases.

Landingpage „FlĂ€che verpachten"

Öffentlich erreichbare Seite ohne Login unter /flaeche-verpachten — fĂŒr GrundstĂŒckseigentĂŒmer, die eine FlĂ€che fĂŒr einen Batteriespeicher zur VerfĂŒgung stellen wollen. Kartenbasierte Standortauswahl, Formular mit Honeypot-Spamschutz.

  • Legt ĂŒber die Edge Function public-lead-intake automatisch einen neuen Eintrag in der Schwarmspeicher-Pipeline (vorprojekte) an
  • E-Mail-Benachrichtigung optional (RESEND_API_KEY + LEAD_NOTIFY_EMAIL) — Anfrage wird auch ohne E-Mail-Konfiguration zuverlĂ€ssig gespeichert

⚠  Hinweis: Platzhalter-Firmendaten

  • In FlaecheVerpachtenPage.tsx sind Firmenname und Telefonnummer aktuell Platzhalter (Rateware). Vor dem Livegang unbedingt durch die echten Kontaktdaten ersetzen.

Routing

PfadSeiteUse-CaseLogin nötig
/DashboardSchwarmspeicherja
/projekteStandorteSchwarmspeicherja
/pipelineVorprojekteSchwarmspeicherja
/potenzialPotenzialanalyseSchwarmspeicherja
/karteKartenansichtSchwarmspeicherja
/forecastForecastSchwarmspeicherja
/tasksAufgabenSchwarmspeicherja
/stockendStockende StandorteSchwarmspeicherja
/benutzerBenutzerverwaltung– (Admin)ja
/historieAudit Log– (Admin)ja
/pv-colocationDashboardPV-Co-Locationja
/pv-colocation/projekteStandortePV-Co-Locationja
/pv-colocation/pipelineVorprojektePV-Co-Locationja
/pv-colocation/karteKartenansichtPV-Co-Locationja
/pv-colocation/forecastForecastPV-Co-Locationja
/pv-colocation/tasksAufgabenPV-Co-Locationja
/pv-colocation/stockendStockende StandortePV-Co-Locationja
/flaeche-verpachtenLandingpage „FlĂ€che verpachten"—NEIN – öffentlich

Datenzugriff

Der Zugriff erfolgt ĂŒber Custom Hooks, die sĂ€mtliche Kommunikation mit Supabase kapseln:

// Schwarmspeicher

useStandorte()   useGemeinden()   useVorprojekte()

useTasks()       usePotenzialDaten()   useStandortpartner()

useMonatsziele() useDokumente()   useIsAdmin()

// PV-Co-Location

useCoLocationStandorte()        useCoLocationStandortpartner()

useCoVorprojekte()   useCoTasks()   useCoMonatsziele()   useCoDokumente()

// Use-Case-ĂŒbergreifend

useUseCase()   useAuth()

Supabase

Authentication: Login, PasswortĂ€nderung, Rollenverwaltung.

Datenbank: Wird ĂŒber SQL-Migrationen verwaltet (supabase/migrations/), inkl. komplettes PV-Co-Location-Schema: co_standorte, co_standortpartner, co_prozessschritte, co_vorprojekte, co_monatsziele, co_dokumente, co_tasks.

Edge Functions:

  • fetch-noe-gemeinden — lĂ€dt Gemeinden aus Niederösterreich
  • manage-users — Benutzerverwaltung, prĂŒft Admin-Berechtigung serverseitig
  • public-lead-intake — nimmt Anfragen der öffentlichen Landingpage entgegen

Storage: zwei Buckets — dokumente (Schwarmspeicher) und co-dokumente (PV-Co-Location).

Offene Punkte / zu verifizieren

⚠  Vor einem breiteren Rollout klĂ€ren

  • E-Mail-Versand fĂŒr Landingpage-Anfragen (RESEND_API_KEY / LEAD_NOTIFY_EMAIL) ist noch nicht final eingerichtet — Anfragen werden bis dahin nur in der Pipeline gespeichert, ohne Benachrichtigung.
  • Migrationsdateien in supabase/migrations/ mĂŒssen noch ins Git-Repo committet werden, falls noch nicht geschehen (Datenbank selbst ist bereits aktuell).
  • types.ts kennt die neuen co_*-Tabellen nicht — fĂŒhrt zu TypeScript-Warnungen beim Bauen (bewusst akzeptiert, kein Laufzeitfehler).
  • KPI-Zuordnung im PV-Co-Location-Forecast (Netzantrag = kWp, die ĂŒbrigen drei Meilensteine = kW) ist eine Annahme — bei Bedarf auf eine einheitliche Einheit umstellen.

Server

Das Projekt liegt unter /mnt/data/schwarmspeicher/schwarmspeicher-electrify_lokal und lÀuft in einem eigenstÀndigen Docker-Compose-Stack (schwarmspeicher-electrify_lokal).

Erreichbar unter:

  • VPN: http://schwarmspeicher.spl-tele.com:8200 (SPL-TELE-Netzwerk)
  • Öffentlich: https://schwarmspeicher.electrify.at:8200 (Wildcard-Zertifikat *.electrify.at, Let's Encrypt, gĂŒltig bis 26.10.2026)

Supabase (Postgres, Auth, Kong, Storage, Edge Functions) lĂ€uft als eigener Docker-Compose-Stack im selben Docker-Netzwerk wie der Frontend-Container. Edge Functions werden ĂŒber einen zentralen main-Router an die jeweilige Unterfunktion weitergereicht; das Verzeichnis liegt unter /mnt/data/supabase/docker/docker/volumes/functions/.