Fallstudie · Aus eigener Praxis · Stand: Juli 2026

Diese Website wurde mit Claude Code gebaut.

souveraign.de ist selbst der Beweis für die Arbeitsweise, die wir im AI-Coding-Workshop vermitteln: agentic, mit Claude Code, von zwei Personen in rund einem Quartal. Über hundert kleine, geprüfte Pull Requests, über 20.000 Zeilen TypeScript, mehr als 30 Seiten, self-hosted auf eigener Infrastruktur. Kein großes Team, kein proprietäres Design-Tool, keine Abhängigkeit von einer fremden Cloud.

Wir empfehlen nichts, was wir nicht selbst täglich einsetzen. Was Sie hier sehen, ist die laufende Produktivitäts-Demonstration.

Das Projekt in Zahlen

Über 100

gemergte Pull Requests

Rund 1 Quartal

von der ersten Zeile bis live

Über 20.000

Zeilen TypeScript

Über 30

Seiten und Routen

2 Personen

im Team, keine große Mannschaft

Self-hosted

auf eigener Infrastruktur, ohne Lock-in

Gerundete Werte, Stand Juli 2026. Das Projekt läuft weiter, die Zahlen wachsen mit jedem Release.

Wie wir gebaut haben

Agentisches Arbeiten funktioniert nicht durch das Werkzeug allein, sondern durch vier Prinzipien, die zusammen wartbaren Code ergeben.

01

Der agentische Loop

Wir arbeiten nicht Zeile für Zeile, sondern in Aufgaben: planen, umsetzen lassen, verifizieren, iterieren. Claude Code liest mehrere Dateien, ändert Code an mehreren Stellen und korrigiert sich anhand von Tests selbst. Der Engpass verschiebt sich vom Tippen zur klaren Spezifikation und zum Review.

02

Tokens als Single Source of Truth

Alle Farben, Abstände und Schriftgrößen leben in einer einzigen CSS-Datei. Kein proprietäres Design-Tool, keine verstreuten Magic-Numbers. Das macht das Design konsistent und für einen Agenten sicher änderbar, weil es genau eine Quelle der Wahrheit gibt.

03

Ein Task, ein Branch, ein Pull Request

Jede Änderung ist klein, atomar und für sich reviewbar. Über hundert dieser kleinen Pull Requests ergeben in der Summe die ganze Website. Das hält die Qualität hoch und jede Entscheidung nachvollziehbar, statt in einem großen, undurchschaubaren Wurf zu enden.

04

Verifikation vor „fertig"

Nichts gilt als erledigt, bevor Typprüfung, Linting, Build und Tests grün sind und die Seite im echten Browser geprüft wurde. Diese Disziplin fängt genau die Fehler ab, die KI-generierter Code sonst durchrutschen lässt. Sie ist der Grund, warum agentisches Arbeiten hier wartbaren Code produziert.

Was das für Ihr Team heißt

Der Punkt dieser Fallstudie ist nicht, dass wir es können, sondern dass es übertragbar ist. Dieselbe Methode wirkt in Ihrem Code, mit Ihrem Team und Ihren Anforderungen. Nötig sind kein großes Budget und keine KI-Enthusiasten, sondern klare Spezifikation, saubere Grundlagen und ein konsequenter Verifikations-Loop.

Wie AI Coding von Autocomplete zu echten Agenten wurde und was das für Entwicklungsteams bedeutet, lesen Sie unter AI Coding im Team. Warum wir dabei auf einen quelloffenen, self-hostbaren Stack setzen, steht unter digitale Souveränität.

Häufige Fragen

Wurde souveraign.de wirklich mit KI gebaut?

Ja. Die gesamte Website, von den Inhalten über die Komponenten bis zur Strapi- und Supabase-Anbindung, ist agentic mit Claude Code entstanden, geplant und geprüft von zwei Personen. Diese Seite, die Sie gerade lesen, ist selbst ein Beispiel dafür.

Welche Werkzeuge stecken dahinter?

Als KI-Werkzeug Claude Code, als Stack Next.js, React, Tailwind, TypeScript, dazu Supabase und Strapi, alles self-hosted auf eigener Infrastruktur bei einem europäischen Anbieter. Der komplette Stack ist quelloffen und ohne Anbieter-Lock-in.

Kann mein Team genauso arbeiten?

Ja. Es ist keine Magie, sondern Methode: klare Spezifikation, saubere Design-Tokens, kleine überprüfbare Schritte und ein konsequenter Verifikations-Loop. Genau dieses Vorgehen richten wir im AI-Coding-Workshop mit Ihrem Team ein.

Ist KI-generierter Code sicher und wartbar?

Nur mit Disziplin. KI-Code muss dieselben Qualitätshürden nehmen wie jeder andere: Review, Typprüfung, Tests und ein Blick in den echten Browser. Wir setzen bewusst auf kleine, reviewbare Pull Requests, damit jede Änderung nachvollziehbar und korrigierbar bleibt.

Diese Arbeitsweise für Ihr Team.

Im AI-Coding-Workshop richten wir mit Ihrem Team genau das ein, was diese Website möglich gemacht hat: agentisches Arbeiten mit Claude Code, sauber und wartbar, hands-on an Ihrem eigenen Code.

Wie diese Website mit Claude Code gebaut wurde | souveraign