Saltar al contenido
Clinford Jordano Valencia
Todos los proyectos
PlataformaWeb

Migrar más de 100 páginas heredadas a React y Next.js

Una migración progresiva de un monolito basado en Velocity a repositorios de frontend modernos, sin una reescritura completa y disruptiva.

Rol
Software Engineer (Web)
Periodo
2018–2025
Stack
React · Next.js · TypeScript · Migration strategy

El problema

El producto de Traveloka para socios de alojamiento (TERA) funcionaba en parte sobre un monolito heredado construido con Apache Velocity. El objetivo era llevarlo a la tecnología de frontend moderna de React y Next.js sin detener el trabajo de producto.

El enfoque

  • Migrar de forma progresiva, no de golpe. La estrategia de migración estuvo a mi cargo: las páginas pasaron una a una a repositorios de React y Next.js mientras el producto seguía publicando.
  • Definir primero los patrones. La arquitectura de migración, los patrones reutilizables y los estándares técnicos se acordaron antes del grueso del trabajo, para que cada página no tuviera que reinventarlos.
  • Coordinar entre equipos. La implementación y el despliegue se repartieron entre varios equipos, con un responsable claro por página y una forma coherente de verificar la equivalencia con la original.

Antes, en Traveloka, ya había trasladado 11 páginas (unas 35 semanas-persona de trabajo) del monolito a los repositorios de Front-End Web, el primer paso del esfuerzo más grande.

El resultado

Más de 100 páginas heredadas se modernizaron a React y Next.js sin reescribir toda la plataforma ni asumir el riesgo que eso conlleva.