heleha.com — Diese Website

Ausgangslage und Ziel

Wissen-Bereich & geschützter Schülerbereich

Aus der Portfolio-Seite ist eine produktionsreife Plattform geworden — abgesichert von Grund auf.

• Ein individueller Login je Schüler — dazu ein getrennter Administrationsbereich mit klarer Rollen- und Rechteverwaltung.
• Der Verwaltungsbereich liegt zusätzlich hinter Cloudflare Access (Zero Trust) — eine zweite, netzwerkseitige Schutzschicht noch vor dem eigentlichen Login.
• Passwörter werden nie im Klartext gespeichert, sondern ausschließlich als gesalzene PBKDF2-Hashes; angemeldet bleibt man über serverseitige Sitzungen.
• Cloudflare Turnstile hält Bots und automatisierte Anmeldeversuche fern, eine vorgelagerte Web Application Firewall mit Rate-Limiting bremst Überlastungs- und Brute-Force-Versuche aus.
• Strikte Mandantentrennung: Jeder Schüler sieht garantiert ausschließlich die eigenen Dateien — eigens getestet und bestätigt.
• Unterlagen werden als PDF über die Verwaltung hochgeladen und stehen nur Berechtigten als geschützter Download bereit — nichts ist öffentlich abrufbar.
• Das Backend besteht aus Cloudflares Datenbank (D1), schnellem Schlüssel-Wert-Speicher für Sitzungen (KV) und privatem Dateispeicher (R2).
• Automatische, verschlüsselte Backups von Datenbank und Dateien sichern den Bestand — der Wiederherstellungsprozess wurde erfolgreich getestet.
• Der Verwaltungsbereich macht Zugänge und Materialien übersichtlich handhabbar — inklusive nachvollziehbarer Zeitangaben rund um Upload und Bereitstellung, damit auch nach einiger Zeit noch klar ist, was wann bereitgestellt wurde.
• Durchgängig datenschutzbewusst konzipiert: Datenminimierung, keine unnötigen personenbezogenen Daten und klare Löschwege, unter Berücksichtigung der Grundsätze der DSGVO von Grund auf mitgedacht.

Stand heute: Version 1.5 — abgeschlossen, abgesichert und produktiv im Einsatz. Weitere Schutzebenen (z. B. Audit-Protokolle und erweitertes Monitoring) sind bereits geplant.

SEO & Social Preview

Learnings

• 1
  KI-gestützte Entwicklung ist effizient — aber nur, wenn man das Ergebnis kritisch prüft, versteht und verantwortet. Jede Zeile Code wurde nachvollzogen und bei Bedarf korrigiert.
• 2
  Statische Deployments sind robust und günstig zu betreiben, erfordern aber klare Architekturentscheidungen von Anfang an. Wo echte Logik nötig wurde — etwa beim geschützten Schülerbereich — kamen gezielt serverlose Edge-Functions hinzu, ohne den statisch-schnellen Kern der öffentlichen Seiten aufzugeben.
• 3
  SEO ist kein einmaliger Schritt, sondern ein laufender Prozess: Metadaten, strukturierte Daten, Sitemap und Social Preview müssen gepflegt werden.
• 4
  Privacy by Design ist mehr als ein Rechtsbegriff — es ist eine Designentscheidung, die die gesamte technische Architektur beeinflusst.
• 5
  Wartbarkeit entscheidet über Langzeitwert: saubere Komponentenstruktur, konsistente Benennung und eine lückenlos gepflegte technische Dokumentation zahlen sich schon nach wenigen Wochen aus — vor allem, wenn man selbst nach einer Pause wieder einsteigt.
• 6
  Sicherheit ist kein Feature, das man am Ende dazuschaltet. Login, Mandantentrennung, verschlüsselte Backups und ihr Wiederherstellungstest mussten von Anfang an zusammengedacht werden — und gehören regelmäßig überprüft, nicht nur einmal eingerichtet.
• 7
  Sichtbarkeit in Suchmaschinen ist ebenso ein andauernder Prozess wie Sicherheit: Über die Google Search Console wird beobachtet, wie Google die Seiten crawlt und indexiert — und technische Ursachen für Verzögerungen werden gezielt untersucht, statt sie zu ignorieren.