De uitdaging
Het aanbestedingsportaal van 3P was een bedrijfskritische AngularJS-applicatie met jarenlang opgebouwd gedrag. Gebruikers rekenden dagelijks op die functionaliteit, terwijl de verouderende frontend verdere ontwikkeling steeds moeilijker maakte. De modernisering had daarom twee even belangrijke doelen: een onderhoudbare technische basis creëren en de continuïteit beschermen terwijl oude en nieuwe platformdelen naast elkaar bleven bestaan.
Technisch leiderschap
Als tech lead bepaalde David de technische richting en vertaalde hij de bestaande applicatie naar concrete migratievereisten. Dat vroeg niet alleen inzicht in de code, maar ook in de gebruikersflows die niet verstoord mochten worden. Hij coördineerde het implementatiewerk, verduidelijkte prioriteiten en mijlpalen en hield de legacyapplicatie en het doelplatform op elkaar afgestemd terwijl verantwoordelijkheden tussen beide verschoven.
Stapsgewijs migreren
Het portaal werd niet als één vervangingsproject behandeld. De migratie werd verdeeld in controleerbare stappen met duidelijke grenzen tussen het AngularJS-oppervlak, de nieuwe Vue- en Nuxt-ervaring en de .NET-backend. Elke stap moest de volledige dienstverlening bruikbaar houden en het gedrag bewaren waarop aanbestedingsteams vertrouwden.
Deze gefaseerde aanpak maakte de voortgang zichtbaar en beperkte de hoeveelheid verandering per oplevering. Het team kon gemigreerde functionaliteit bovendien praktisch vergelijken met haar bewezen voorganger vooraleer verder door de applicatie te bewegen.
Van legacy-interface naar modern platform
Vue en Nuxt vormden de basis voor nieuwe webervaringen, terwijl .NET en SQL de applicatie- en dataservices ondersteunden. De architectuur scheidde frontendmodernisering van backendverantwoordelijkheden. Daardoor kon de gebruikservaring verbeteren zonder dat ieder legacyonderdeel in dezelfde ontwikkelstap moest worden vervangen.
De doelstack werd zowel voor onderhoudbaarheid op lange termijn als voor de onmiddellijke implementatie gekozen. Duidelijkere componentgrenzen maakten wijzigingen begrijpelijker, werk makkelijker verdeelbaar en afzonderlijke delen van het portaal eenvoudiger evolueerbaar.
Delivery en continuïteit
De planning focuste op volgorde, duidelijkheid voor het team en de integriteit van de applicatie. Bestaand gedrag werd behandeld als een migratievereiste, niet als ballast die zomaar kon verdwijnen. Voortgang, afhankelijkheden en eigenaarschap werden zichtbaar gemaakt, zodat ontwikkelaars wisten wat mocht veranderen en wat nog compatibel moest blijven. Zo bleef de modernisering verbonden met het operationele product.
Resultaat
Het portaal kreeg een moderne basis met Vue, Nuxt en .NET en bleef tijdens de overgang beschikbaar voor zijn gebruikers. De incrementele strategie beperkte de verstoring en leverde 3P een applicatiestructuur op die eenvoudiger uit te breiden, te schalen en te ondersteunen was. Het team kreeg bovendien een herhaalbare manier om mature functionaliteit vooruit te brengen zonder een risicovolle totaalherschrijving.