Mempertahankan laporan lama, bebas melakukan perbaikan: catatan perancangan halaman statis yang diselesaikan dengan Vike

Tim Lemonbase memperkenalkan kasus penerapan Vike dengan pendekatan halaman statis (SSG) agar hasil laporan yang sudah ada tetap stabil, sambil tetap leluasa meningkatkan halaman laporan.

Poin utama

• Laporan yang sudah ada perlu membekukan data dan UI pada titik waktu tertentu, tetapi karena strukturnya berbasis client-side rendering (CSR), perubahan logika/desain ikut memengaruhi laporan lama
• Berbagai solusi (module federation, version management komponen, dll.) telah ditinjau, tetapi pada akhirnya diputuskan bahwa pembuatan halaman statis (SSG) adalah pendekatan yang paling sesuai
• Dengan hanya menambahkan konfigurasi sederhana di atas proyek berbasis Vite yang sudah ada, SSG diterapkan melalui Vike
  • File HTML yang memuat data pada saat laporan diterbitkan dibangun dan dibekukan
  • Pratinjau sebelum penerbitan tetap mempertahankan refleksi data real-time
• Laporan diintegrasikan ke dalam produk dengan metode iframe sehingga UX terhubung secara alami
• Hasil penerapan:
  • Laporan lama tidak berubah, dan laporan baru bisa ditingkatkan dengan bebas
  • Peningkatan performa (loading lebih cepat) dan pengurangan biaya pemeliharaan
  • Dapat diadopsi dengan cepat tanpa infrastruktur skala besar tambahan
• Namun, komunitas Vike yang masih kecil dan kurangnya referensi tetap menjadi kekurangan

Direkomendasikan untuk

• Tim yang sedang memikirkan cara mengelola halaman laporan secara stabil per versi
• Developer FE yang perlu beralih dari struktur CSR ke struktur SSG, atau membutuhkan desain campuran
• Developer yang ingin menambahkan fitur halaman statis secara ringan ke proyek berbasis Vite