Latar Belakang
Platform volunteering terbesar di Indonesia memutuskan untuk memperbarui teknologi lamanya dengan beralih dari Angular.js ke React. Sebagai organisasi nirlaba dengan anggaran terbatas, mereka menemukan bahwa mengelola tim engineering internal sangat mahal dan sulit.
Hyperjump bangga mendukung proyek ini sebagai bagian dari program tanggung jawab sosial perusahaan (CSR) kami, menyediakan keahlian teknologi untuk membantu mendorong dampak sosial.
Tantangan
- Teknologi lama dengan Angular.js yang membatasi pertumbuhan dan performa.
- Biaya tinggi dan kompleksitas dalam mempertahankan tim pengembangan internal.
- Migrasi React awal hanya berfokus pada modul dashboard menggunakan Create React App.
- SEO terganggu setelah mencoba menggunakan Create React App untuk fitur publik karena rendering hanya dilakukan di sisi klien.
Pendekatan Kami
Hyperjump bekerja sama erat dengan tim produk, engineering, dan operasional klien. Berikut yang kami capai:
Migrasi & Modernisasi Bertahap
- Memigrasi frontend secara bertahap dari Angular.js ke React, dimulai dari dashboard agar perubahan tetap terkendali.
- Memperluas penggunaan React ke halaman publik menggunakan Create React App untuk mempercepat peluncuran fitur baru.
- Beralih dari Create React App ke Next.js untuk mengaktifkan server-side rendering (SSR), yang sangat meningkatkan SEO dan kecepatan situs.
- Membersihkan codebase dengan menghapus dependensi lama dan meningkatkan kemudahan pemeliharaan.
Kemitraan Product Engineering Khusus
- Berperan sebagai tim product engineering outsource klien, menangani pengembangan fitur berkelanjutan, perbaikan bug, dan pemeliharaan.
- Berkolaborasi erat sebagai perpanjangan tim internal mereka untuk tetap selaras dengan tujuan dan prioritas.
- Membantu mengurangi biaya dengan menawarkan kepemilikan produk penuh tanpa beban mengelola tim internal yang besar.
Delivery Agile & Iteratif
- Menggunakan metode agile dan siklus pengembangan reguler untuk memberikan peningkatan berkelanjutan di semua bagian produk.
- Tetap transparan dan fleksibel untuk mengatasi tantangan dan mengubah prioritas dengan cepat.
- Melakukan pengujian dan deployment iteratif untuk menjaga platform tetap stabil dan andal.
Pembelajaran Utama
- Memigrasi sistem lama secara bertahap membantu menjaga stabilitas dan delivery berkelanjutan tanpa gangguan.
- Beralih dari React client-side rendering ke Next.js dengan server-side rendering menghasilkan hasil SEO yang jauh lebih baik.
- Siklus pengembangan reguler dan kolaborasi erat memungkinkan perbaikan bug dan fitur baru lebih cepat dengan tetap menjaga kualitas tinggi.
- Menghapus dependensi usang menurunkan technical debt dan membuat codebase lebih mudah dipelihara.
Dampak
Setelah beberapa bulan kolaborasi yang erat, kami berhasil mencapai hal berikut:
Menyusul keberhasilan migrasi teknologi dan peningkatan produk yang berkelanjutan, Hyperjump akan terus bekerja sama dengan klien untuk mengembangkan platform volunteering. Seiring pertumbuhan basis pengguna, upaya akan difokuskan pada peningkatan skalabilitas dan performa.