Nach dem Umzug von GitHub zu GitLab habe ich meine Portfolio-Seite auf ein komplett neues Fundament gestellt. Seit dem ersten Commit im neuen Repository am 29.09.2026 ist daraus ein modernes, getestetes und automatisch ausgeliefertes Projekt geworden, das ich im Oktober 2026 in über 100 Commits weiterentwickelt habe. Die gesamte Weiterentwicklung ist KI-gestützt mit Claude Code entstanden.
Was sich getan hat
- Framework: Upgrade von Next.js 14 auf 16 und React 18 auf 19 mit Cache Components, definierten Caching-Profilen für die Contentful-Daten und Node.js 22
- Design: Neuaufbau mit Tailwind CSS v4, shadcn-Komponenten auf Basis von Radix UI, eigenen Design-Tokens, Dark Mode, WCAG-AA-Kontrasten und vollständiger Tastaturbedienung
- Struktur: Zentrale UI-Texte mit next-intl, lesbare Projekt-URLs mit Short-ID, Metadaten und Security-Header sowie ein schlichter Cookie-Hinweis
- CI/CD: GitLab-Pipeline mit den Stufen Lint, Test, Visual, Build und Deploy. Das Docker-Image landet in der GitLab Container Registry, ein Ansible-Playbook (Secrets im Vault) rollt es über einen selbst gehosteten Runner auf dem Server aus, nginx läuft als Reverse Proxy davor
- Betrieb: Ein Wartungsmodus lässt sich zur Laufzeit per manuellem CI-Job ein- und ausschalten, ohne neues Deployment (Status 503 mit
Retry-After)
- Qualität: Unit-Tests mit Vitest, ESLint und Prettier in der Pipeline sowie Playwright-Visual-Regression gegen ein gemocktes Contentful (Light und Dark, drei Viewports, 40 Baselines)
Entwickelt mit Claude Code
Das Projekt ist mein Testlabor für agentische Entwicklung:
- Eine CLAUDE.md hält Architektur, Konventionen und Entscheidungen fest, damit der Kontext zwischen den Sitzungen erhalten bleibt
- Eigene Commands und Agents decken den Ablauf ab: Anforderungen schärfen, Aufwand schätzen, Design-Feedback holen, Code reviewen
- Tests und Pipeline sind das Sicherheitsnetz, Entscheidungen, Freigaben und Commits bleiben bei mir