Meer dan 100 verouderde pagina’s migreren naar React en Next.js

Het probleem

Het product voor accommodatiepartners van Traveloka (TERA) draaide deels op een verouderde monoliet, gebouwd met Apache Velocity. Het doel was het naar de moderne frontendstack van React en Next.js te brengen zonder het productwerk stil te leggen.

De aanpak

• Geleidelijk migreren, niet in één keer. Ik was eigenaar van de migratiestrategie: pagina's verhuisden één voor één naar React- en Next.js-repositories terwijl het product bleef uitbrengen.
• Eerst de patronen vastleggen. Migratiearchitectuur, herbruikbare patronen en technische standaarden werden afgesproken vóór het grootste deel van het werk, zodat niet elke pagina ze opnieuw uitvond.
• Afstemmen tussen teams. Implementatie en uitrol werden verdeeld over meerdere teams, met duidelijk eigenaarschap per pagina en een consistente manier om te controleren of de nieuwe pagina gelijkwaardig was.

Eerder bij Traveloka had ik al 11 pagina's (ongeveer 35 mensweken werk) uit de monoliet naar de Front-End Web-repositories verplaatst, de eerste stap van het grotere traject.

Het resultaat

Meer dan 100 verouderde pagina's werden gemoderniseerd naar React en Next.js, zonder herbouw van het hele platform en het risico dat daarbij hoort.