Migrer plus de 100 pages historiques vers React et Next.js

Le problème

Le produit de Traveloka destiné aux partenaires d’hébergement (TERA) tournait en partie sur un ancien monolithe construit avec Apache Velocity. L’objectif était de le faire passer à la stack frontend moderne React et Next.js sans arrêter le travail produit.

L’approche

• Migrer progressivement, pas d’un seul coup. J’ai porté la stratégie de migration : les pages ont été déplacées une à une vers des dépôts React et Next.js pendant que le produit continuait d’être livré.
• Définir d’abord les modèles. L’architecture de migration, les modèles réutilisables et les standards techniques ont été convenus avant l’essentiel du travail, pour que chaque page n’ait pas à les réinventer.
• Coordonner entre équipes. La mise en œuvre et le déploiement ont été partagés entre plusieurs équipes, avec un responsable clair par page et une manière cohérente de vérifier l’équivalence avec l’ancienne page.

Plus tôt chez Traveloka, j’avais déjà sorti 11 pages (environ 35 semaines-personnes de travail) du monolithe vers les dépôts Front-End Web, première étape de ce chantier plus large.

Le résultat

Plus de 100 pages historiques ont été modernisées en React et Next.js, sans réécrire toute la plateforme ni courir le risque qui va avec.