Migrando mais de 100 páginas legadas para React e Next.js

O problema

O produto da Traveloka para parceiros de hospedagem (TERA) rodava em parte sobre um monólito legado construído com Apache Velocity. O objetivo era levá-lo para a tecnologia de frontend moderna de React e Next.js sem parar o trabalho de produto.

A abordagem

• Migrar aos poucos, não de uma vez. A estratégia de migração ficou sob minha responsabilidade: as páginas foram movidas uma a uma para repositórios de React e Next.js enquanto o produto continuava sendo publicado.
• Definir os padrões primeiro. A arquitetura de migração, os padrões reutilizáveis e as normas técnicas foram combinados antes da maior parte do trabalho, para que cada página não precisasse reinventá-los.
• Coordenar entre equipes. A implementação e a implantação foram divididas entre várias equipes, com um responsável claro por página e uma forma consistente de verificar a equivalência com a página original.

Antes, na Traveloka, eu já tinha levado 11 páginas (cerca de 35 semanas-pessoa de trabalho) do monólito para os repositórios de Front-End Web, o primeiro passo do esforço maior.

O resultado

Mais de 100 páginas legadas foram modernizadas para React e Next.js sem reescrever a plataforma inteira nem correr o risco que isso traz.