Mevcut raporları koruyup iyileştirmeleri özgürce yapmak: Vike ile çözülen statik sayfa tasarım hikayesi

Lemonbase ekibi, mevcut rapor çıktılarını istikrarlı biçimde korurken rapor sayfalarını özgürce iyileştirebilmek için Vike kullanarak statik sayfa (SSG) yaklaşımını uyguladıkları örneği tanıtıyor.

Ana noktalar

• Mevcut raporlarda belirli bir andaki veri ve UI sabit tutulmalıydı; ancak istemci taraflı render (CSR) yapısı nedeniyle mantık/tasarım değişiklikleri eski raporları da etkiliyordu
• Çeşitli çözümler (module federation, bileşen sürüm yönetimi vb.) değerlendirildi, ancak sonunda statik sayfa (SSG) üretiminin en uygun yöntem olduğuna karar verildi
• Mevcut Vite tabanlı projenin üzerine yalnızca basit ayarlar eklenerek Vike ile SSG uygulandı
  • Raporun yayımlandığı andaki verileri içeren HTML dosyası build edilip sabitlendi
  • Yayın öncesi önizlemede gerçek zamanlı veri yansıtılması korunuyor
• iframe yöntemiyle rapor ürün içine entegre edilerek UX doğal biçimde bağlandı
• Uygulama sonucu:
  • Mevcut raporlar değişmeden kalıyor, yeni raporlar ise özgürce iyileştirilebiliyor
  • Performans artışı (daha hızlı yükleme) ve bakım maliyetinde azalma
  • Ayrı büyük ölçekli bir altyapı olmadan hızlıca devreye alınabiliyor
• Ancak Vike'ın topluluğunun küçük olması ve referansların azlığı bir dezavantaj olarak belirtildi

Kimler için önerilir

• Rapor sayfalarını sürümlere göre istikrarlı biçimde yönetmenin yolunu arayan ekipler
• CSR yapısından SSG yapısına geçiş yapması veya hibrit tasarım kurması gereken FE geliştiricileri
• Vite tabanlı projeye hafifçe statik sayfa özelliği eklemek isteyen geliştiriciler