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
Belum ada komentar.