Memindahkan 100+ Halaman Lama ke React dan Next.js

Masalahnya

Produk rakan kongsi penginapan Traveloka (TERA) sebahagiannya berjalan pada monolit lama yang dibina dengan Apache Velocity. Matlamatnya ialah memindahkannya ke susunan frontend moden React dan Next.js tanpa menghentikan kerja produk.

Pendekatannya

• Pindahkan secara berperingkat, bukan sekali gus. Saya memegang strategi migrasi: halaman dipindahkan satu demi satu ke repositori React dan Next.js sementara produk terus dikeluarkan.
• Tetapkan coraknya dahulu. Seni bina migrasi, corak yang boleh diguna semula dan piawaian teknikal dipersetujui sebelum sebahagian besar kerja, supaya setiap halaman tidak menciptanya semula.
• Selaraskan merentas pasukan. Pelaksanaan dan pelancaran dikongsi antara beberapa pasukan, dengan pemilikan yang jelas bagi setiap halaman dan cara yang konsisten untuk mengesahkan kesetaraan.

Pada awal tempoh saya di Traveloka, saya sudah memindahkan 11 halaman (kira-kira 35 minggu-orang kerja) daripada monolit ke repositori Front-End Web, iaitu langkah pertama usaha yang lebih besar.

Hasilnya

Lebih 100 halaman lama dimodenkan ke React dan Next.js tanpa penulisan semula seluruh platform dan risiko yang menyertainya.