Case Study

Angular-Versionsmigration mit Agentic Coding

Unser Kunde, ein renommierter Automobilhersteller aus Süddeutschland, betreibt eine Angular-Webanwendung für das Ersatzteilmanagement seines Händlernetzes. Die produktive Anwendung sollte technologisch auf den aktuellen Stand gebracht werden – inklusive Framework-, Dependency- und Architektur-Upgrade. dasilium führte diese Migration mit einem maßgeschneiderten Coding Harness durch: schnell, sicher und ohne Unterbrechung des laufenden Betriebs.

Automobilhersteller

Automotive

Süddeutschland

Ausgangssituation

Der Kunde betreibt eine mit Angular 19 implementierte Webanwendung zur Verwaltung von Ersatzteilen für sein Händlernetz. Die Anwendung ist geschäftskritisch: Händler und Servicepartner nutzen sie täglich, um Bestellungen, Reklamationen und Anfragen abzuwickeln. Ein zuverlässiger und sicherer Betrieb ist daher unverzichtbar.

Über die Zeit war ein erheblicher technologischer Modernisierungsbedarf entstanden. Notwendig waren das Upgrade des Frameworks von Angular 19 auf Angular 21, die Aktualisierung des unternehmenseigenen Design Systems sowie der internen UI-Component-Library. Hinzu kam die Aktualisierung sämtlicher größerer Abhängigkeiten, darunter datenintensive Komponenten wie AG Grid und Angular Gridster.

Parallel sollte die Anwendungsarchitektur zukunftsfähig ausgerichtet werden. Das State Management wurde auf Angular Signals umgestellt und nach einem klaren Store-Design-Pattern strukturiert. Ziel war eine einheitliche, wartbare und nachvollziehbare Architektur als Grundlage für die weitere Produktentwicklung.

Herausforderung

Eine ganzheitliche Migration einer produktiven Anwendung stellt hohe Anforderungen an Sorgfalt, Geschwindigkeit und Stabilität:

Durchgängige Betriebsfähigkeit: Die Anwendung befindet sich im aktiven Einsatz und muss unter allen Umständen lauffähig bleiben. Funktionale Regressionen während der Migration hätten unmittelbare Auswirkungen auf die Serviceprozesse im Händlernetz.
Parallele Weiterentwicklung: Die fachliche Weiterentwicklung der Anwendung durfte nicht stillstehen. Migration und laufende Feature-Entwicklung mussten gleichzeitig möglich sein, ohne sich gegenseitig zu blockieren.
Enges Zeitfenster: Die Migration durfte sich nicht über einen langen Zeitraum ziehen. Gefragt war ein effizientes Vorgehen, das den Umstellungsaufwand spürbar reduziert.
Breite technische Migrationstiefe: Mit dem Framework-Upgrade, der Umstellung des State Managements, der Aktualisierung des Design Systems und großen Abhängigkeiten wie AG Grid und Angular Gridster betraf die Migration nahezu alle Schichten der Anwendung.
Sicherheit und Aktualität: Veraltete Pakete bargen das Risiko bekannter Schwachstellen. Die Migration musste den Sicherheitsstand der Anwendung nachhaltig verbessern.

Vorgehen & Lösung

Aufbau eines Coding Harness durch Harness Engineering

dasilium baute einen maßgeschneiderten Coding Harness auf, der den Coding Agent in die Lage versetzt, präzise und zuverlässig im Projektkontext zu arbeiten. Der Agent kennt den konkreten Projektkontext und erhält gezielte Agent Skills für Angular Best Practices.

Zentral war die Fähigkeit zur Selbstvalidierung: Der Agent prüft seine eigenen Ergebnisse automatisiert über Linting, Formatting sowie Unit- und E2E-Tests. So entsteht eine enge Feedbackschleife, die Qualität direkt während der Migration absichert.

Kundenspezifische Agent Skills

Über die allgemeinen Angular-Skills hinaus wurden kundenspezifische Agent Skills erstellt – insbesondere für die kundeneigene UI-Component-Library. Dadurch konnte der Agent die hauseigenen Komponenten korrekt einsetzen und das Design System konsistent anwenden.

Klare Coding Workflows und Zielarchitektur

Für den Coding Agent wurden klare Coding Workflows definiert. In AGENTS.md-Dateien wurden Projektkontext, Konventionen und Arbeitsweisen verbindlich festgehalten. Zusätzlich wurden die Zielarchitektur und das neue State Management nach dem Store-Design-Pattern eindeutig beschrieben.

So arbeitete der Agent nicht explorativ, sondern entlang einer klar definierten Zielarchitektur – nachvollziehbar, reproduzierbar und konsistent.

Erweiterung der E2E-Test-Suite

Die bestehende E2E-Test-Suite wurde gezielt erweitert, um die fachliche Funktionsfähigkeit über alle Domänen hinweg abzusichern. Diese Tests bildeten das Sicherheitsnetz der gesamten Migration und machten Regressionen frühzeitig sichtbar.

Iteratives Migrieren der einzelnen Domänen

Die Migration erfolgte nicht in einem großen Schritt, sondern iterativ Domäne für Domäne – über Orders, Claims, Inquiries, Documents und Admin hinweg. Dieses Vorgehen hielt Änderungen überschaubar, ermöglichte die parallele Weiterentwicklung und reduzierte das Risiko jeder einzelnen Umstellung.

Validierung in der CI/CD-Pipeline

Die Lauffähigkeit der Anwendung wurde kontinuierlich durch E2E-Tests in der CI/CD-Pipeline validiert. Nach Abschluss der Migration ergänzte dasilium einen manuellen Testplan und prüfte die wichtigsten Features zusätzlich manuell. So wurde die volle Funktionsfähigkeit vor dem Release abgesichert.

Ergebnis & Mehrwert

Erfolgreiche, vollständige Migration

Nach allen Updates und Architekturanpassungen ist die Anwendung weiterhin voll lauffähig. Sämtliche fachlichen E2E-Tests laufen erfolgreich durch – die Migration wurde ohne Unterbrechung des produktiven Betriebs abgeschlossen.

Verbesserte Application Security

Durch die Aktualisierung aller größeren Abhängigkeiten sind keine veralteten Pakete mit kritischen Schwachstellen mehr im Einsatz. Der Sicherheitsstand der Anwendung wurde nachhaltig erhöht.

Wiederverwendbarer Coding Harness

Der aufgebaute Coding Harness steht für die weitere Entwicklung der Anwendung dauerhaft zur Verfügung. Er beschleunigt künftige Aufgaben und sichert deren Qualität von Beginn an ab.

Vereinheitlichte und konsistentere Code-Base

Die Code-Base wurde vereinheitlicht und folgt dem Coding-Styleguide sowie den Konventionen heute deutlich konsequenter. Das verbessert Lesbarkeit, Wartbarkeit und Zusammenarbeit im Team.

Stabiler Release trotz tiefer Migration

Trotz ganzheitlicher Code-Migration stieg die Anzahl der Bugs nach dem Release der neuen Version nur minimal an. Die enge Validierung durch automatisierte und manuelle Tests zahlte sich unmittelbar aus.

Deutlich reduzierter Aufwand

Migration in rund einem Viertel des geschätzten Aufwands

Geänderte Dateien

Arbeitstage statt geplant 160

Weniger Aufwand als geschätzt

Vollständige Versionsmigration ohne Stillstand: dasilium führte die produktive Anwendung mit einem maßgeschneiderten Coding Harness sicher von Angular 19 auf 21 – stabil, sicher und in rund einem Viertel des geschätzten Aufwands.

Florian Baitinger

Managing Partner - Technology

florian.baitinger@dasilium.de

+4915206935964