Een nieuwe frontend, van jQuery naar Vue.js, voor een gepatenteerde IT-analyzer die meer dan 300 grote organisaties gebruiken, waaronder Erste Bank, Raiffeisen Bank en het Duitse lucht- en ruimtevaartcentrum. Stapsgewijze migratie met TypeScript, Tailwind CSS en AgGrid.
300+
Zakelijke klanten wereldwijd
Runecast werd in 2014 opgericht door een team van virtualisatiespecialisten met één doel: systeembeheerders grip geven op hun IT-omgeving, en die grip laten houden. Vandaag vertrouwen organisaties wereldwijd op de gepatenteerde Runecast Analyzer. Die levert voorspellende inzichten waar beheerders direct mee aan de slag kunnen, in hybride cloudomgevingen die steeds complexer worden.
Het eerste product draaide op een techstack waarmee het team snel kon lanceren. Naarmate het platform volwassener werd, begon de jQuery-frontend de klantervaring te begrenzen. Runecast zocht Vue.js-expertise om het portaal opnieuw te bouwen zonder de roadmap stil te leggen. Daarom vroegen ze ons om de migratie te leiden, samen met hun eigen kernteam.
Alles in één keer herschrijven had maanden risico betekend zonder iets op te leveren. Daarom kozen we voor een stapsgewijze migratie, pagina voor pagina. Zo stond er vanaf de eerste week Vue.js-werk in productie. We vervingen het jQuery-portaal module voor module, terwijl de rest van de app gewoon bleef draaien.
Fase 2
Eerst bouwden we de applicatieschil en de eenvoudigere dashboardpagina's opnieuw in Vue.js. Die nieuwe Vue-schermen laadden we via iframes in het bestaande portaal. Zodra een pagina functioneel gelijkwaardig was, verving die zijn jQuery-voorganger. Zo veranderde de productieapp geleidelijk, zonder één riskante omschakeling.
Applicatieschil · Stapsgewijze vervanging
Fase 1
Samen met Runecast brachten we elk scherm van het bestaande jQuery-portaal in kaart en rangschikten we ze op complexiteit. We spraken een stapsgewijze uitrol af: één pagina tegelijk migreren, via een iframe live zetten, in productie valideren en dan door naar de volgende. Zo vermeden we het risico van een herschrijfbranch die maandenlang openstaat, en merkten klanten elke sprint vooruitgang.
Oplossingsarchitectuur · Frontendstrategie
Fase 3
Met de basis op zijn plek voegden we de zwaardere modules toe: grote datagrids met AgGrid, interactieve analyses met AmCharts, Vuex voor state en een designsysteem in TailwindCSS dat de UI consistent houdt. We vervingen niet alleen wat er al was. Samen met het Runecast-team hebben we de ervaring voor beheerders bij grote organisaties echt verbeterd.
Enterprise Console · Designsysteem
Wij werden de frontendspecialisten die Runecast nodig had, en namen de herbouw van het Analyzer-portaal van jQuery naar een moderne Vue.js-stack volledig voor onze rekening. In ruim 3 jaar en meer dan 4.500 uur werkten we als verlengstuk van hun kernteam. We trokken op met hun virtualisatie-experts: de domeinkennis bleef in huis, wij leverden de UI.
Naast de migratie zelf bleven we het platform doorontwikkelen. We bouwden nieuwe modules voor beheerders bij grote organisaties, verfijnden bestaande flows op basis van feedback van klanten en zetten een designsysteem in Tailwind op. Dat houdt de ruim 40 unieke pagina's van de Enterprise Console consistent, in uiterlijk en in gedrag.
Een moderne, type-safe basis in Vue.js, gekozen voor een complexe zakelijke UI: zware datagrids, interactieve grafieken en een designsysteem dat een klein team jarenlang onderhoudt.
Vue.js 
Tailwind Herbruikbare, getypeerde Vue-componenten en Vuex-stores die meegroeiden van een handvol pagina's tot de complete Enterprise Console met ruim 40 pagina's.
Integraties met AgGrid en AmCharts, afgestemd op grote zakelijke datasets, zonder dat de interface trager reageert.
Een uitrol pagina voor pagina via iframes, waarmee de herbouw in stappen live ging zonder downtime.
Wat begon als een herbouw van jQuery naar Vue, groeide uit tot een langdurige samenwerking om de klantervaring van de Analyzer steeds verder te verbeteren. Het gezamenlijke werk van de teams van Runecast en BinarCode leverde op Capterra een beoordeling van vijf sterren op uit reviews van klanten. In 2020 werd Runecast uitgeroepen tot Gartner Cool Vendor en won het bij de SME awards van Computing de prijzen voor Best Place to Work in Digital en Cloud Security Product of the Year. Erkenning die rust op het gemoderniseerde portaal dat we samen hebben opgeleverd.