Zurück zu den Projekten

fdrechsler.de

Persönliche Website, vollständig KI-gestützt mit dem AI Development Framework entwickelt. Dieses Projekt war die erste Bewährungsprobe des Frameworks in der Praxis und hat gezeigt, dass abgestimmte KI-Agenten produktionsreife Systeme wirtschaftlich liefern können. Gebaut mit Next.js 15.x, containerisiert mit Docker und über automatisiertes CI/CD ausgerollt. Dazu gehören umfassende Analytik (Umami, Google Analytics 4), Dark Mode, SEO-Optimierung mit strukturierten JSON-LD-Daten und vollständige Rechtskonformität nach deutschem Recht. Das Projekt reichte von der ersten Einrichtung bis zur vollständig ausgerollten Produktivseite und durchlief dabei geordnete Phasen aus Recherche, Implementierung, Test und Review, mit menschlicher Aufsicht an den kritischen Punkten. Zu den Ergebnissen zählen ausführliche Dokumentation (Architekturentscheidungen, Deployment-Anleitungen), Infrastruktur als Code sowie gefundene und behobene Fehler im Framework selbst.

Aktiv
Next.jsTypeScriptDockerCI/CDProduction
Projektverlauf

Beginn

24. Oktober 2025

Ende

Laufend

Dauer

4+ months

Kennzahlen

Angelegte Tickets

65

Abgeschlossene Tickets

54

KI-Sitzungen

25

Entwicklungsverlauf
Technischer Stack
Next.js 15React 19TypeScriptTailwind CSSDockerGitHub ActionsUmami AnalyticsGoogle Analytics 4Self-Hosted (Netcup VPS)MDX
Ergebnisse
  • ✅ Produktiv-Deployment abgeschlossen (08.11.2024)
  • ✅ Vollständige CI/CD-Pipeline mit automatisiertem Deployment
  • ✅ Docker-basierte Infrastruktur auf eigenem VPS
  • ✅ Modernes, responsives Design mit Dark Mode
  • ✅ Umfassende Analytik (Umami + GA4) mit öffentlichem Dashboard
  • ✅ SEO-Optimierung mit strukturierten JSON-LD-Daten
  • ✅ Rechtskonformität nach deutschem Recht (Impressum & Datenschutz)
  • ✅ SSL-Verschlüsselung mit Let's Encrypt
  • ✅ Barrierefreiheit nach WCAG 2.2 AA
  • ✅ Optimierte Core Web Vitals (LCP, INP, CLS)
  • ✅ Sicherheitshärtung (Docker + Prüfungen im CI/CD)
  • ✅ FAQ-Bereiche mit FAQPage-Schema
  • ✅ AI Development Framework im Produktivbetrieb bestätigt
  • ✅ Blog-Infrastruktur mit MDX-Unterstützung
  • ✅ RSS-Feed für die Verbreitung der Blogbeiträge
  • ✅ Startseite zur Landingpage mit Unterseiten umgebaut
  • ✅ Dreisprachige CardCroc-Landingpage (DE/EN/ES)
  • ✅ Inhalte für Sprachmodelle umstrukturiert
  • ✅ Erneuerter Markenauftritt mit FD-Monogramm
  • ✅ Strukturierte SoftwareApplication-Daten für CardCroc
  • ✅ Automatisierung der SSL-Zertifikate repariert
Repositories

Dieses Projekt ist auf mehrere Repositories aufgeteilt, jedes für einen eigenen Zuständigkeitsbereich.

Meta-Repository

Privates Repository

Privat

Frontend

Privates Repository

Privat

Backend

Privates Repository

Privat

Infrastruktur

Privates Repository

Privat

KI-Konversationen

Privates Repository

Privat