KETIKA REFRESH SEDERHANA MERUSAK APLIKASI KAMI
Kami menemukan bug. Rute utama berjalan lancar. Rute yang lebih dalam (deep routes) menyebabkan pemuatan ulang halaman secara penuh. Sidebar selalu ter-reset. Aplikasi terasa tidak stabil.
Berjalan lancar di lokal. Gagal di produksi.
Kami menggunakan Next.js static export pada Azure Static Web Apps. Pengaturan ini tidak memiliki server runtime. Ia menyajikan file statis.
Masalahnya adalah soft navigation. Next.js membutuhkan data payload rute untuk transisi yang mulus. Ia membutuhkan HTML untuk pemuatan pertama.
Aturan rewrite Azure kami terlalu luas. Azure mengirimkan HTML saat Next.js meminta data payload. Router gagal. Aplikasi memuat ulang.
Kami memperbaiki ini dengan otomatisasi. Kami membangun sebuah alat untuk menghasilkan aturan rewrite dari hasil build. Alat tersebut sekarang:
- Memindai file rute dinamis.
- Membuat aturan spesifik untuk HTML dan payload.
- Mengurutkan aturan berdasarkan prioritas.
- Menulis file konfigurasi akhir.
Ini menghilangkan kesalahan manual.
Jika Anda menggunakan static export di Azure:
- Otomatiskan file konfigurasi Anda.
- Uji soft navigation.
- Periksa apakah permintaan payload mengembalikan HTML.
- Perlakukan aturan rewrite sebagai infrastruktur kritis.
Bug frontend yang sulit sering kali muncul di antara hasil build dan aturan hosting.