Migrasi 100+ Halaman Lama ke React dan Next.js

Masalahnya

Produk mitra akomodasi Traveloka (TERA) sebagian berjalan di monolit lama yang dibangun dengan Apache Velocity. Tujuannya memindahkannya ke stack frontend modern React dan Next.js tanpa menghentikan pengembangan produk.

Pendekatannya

• Migrasi bertahap, bukan sekaligus. Saya memegang strategi migrasinya: halaman dipindahkan satu per satu ke repositori React dan Next.js sementara produk terus dirilis.
• Tetapkan polanya lebih dulu. Arsitektur migrasi, pola yang dapat dipakai ulang, dan standar teknis disepakati sebelum sebagian besar pekerjaan, agar setiap halaman tidak menciptakannya ulang.
• Koordinasi lintas tim. Implementasi dan rollout dibagi ke beberapa tim, dengan kepemilikan yang jelas per halaman dan cara yang konsisten untuk memverifikasi kesetaraan.

Di awal masa saya di Traveloka, saya sudah memindahkan 11 halaman (sekitar 35 man-week pekerjaan) dari monolit ke repositori Front-End Web, yang menjadi langkah pertama dari upaya yang lebih besar.

Hasilnya

Lebih dari 100 halaman lama dimodernisasi ke React dan Next.js tanpa penulisan ulang seluruh platform beserta risikonya.