Bestehende Reports beibehalten, Verbesserungen frei umsetzen: Entwurf statischer Seiten mit Vike

Das Team von Lemonbase stellt vor, wie es Vike eingeführt und einen Ansatz mit statischen Seiten (SSG) angewendet hat, um bestehende Report-Ergebnisse stabil zu erhalten und Report-Seiten zugleich frei verbessern zu können.

Wichtige Inhalte

• Bestehende Reports mussten Daten und UI zu einem bestimmten Zeitpunkt fixieren, doch durch die Architektur mit Client-Side Rendering (CSR) gab es das Problem, dass Änderungen an Logik oder Design auch bestehende Reports beeinflussten
• Verschiedene Lösungsansätze wie Module Federation oder Komponenten-Versionierung wurden geprüft, letztlich wurde jedoch die Erzeugung statischer Seiten (SSG) als am besten geeignet bewertet
• Auf das bestehende Vite-basierte Projekt wurden nur einfache Konfigurationen ergänzt, um über Vike SSG anzuwenden
  • Beim Veröffentlichen eines Reports wird eine HTML-Datei inklusive der Daten zum Veröffentlichungszeitpunkt gebaut und fixiert
  • Die Vorschau vor der Veröffentlichung behält die Einbindung von Echtzeitdaten bei
• Über einen iframe-Ansatz wurden die Reports in das Produkt integriert, sodass die UX natürlich verbunden bleibt
• Ergebnis der Einführung:
  • Bestehende Reports bleiben unverändert, neue Reports können frei verbessert werden
  • Bessere Performance (schnellere Ladezeiten) und geringere Wartungskosten
  • Schnelle Einführung ohne separate groß angelegte Infrastruktur
• Als Nachteil wurde genannt, dass Vike eine kleine Community hat und es daher an Referenzen mangelt

Empfohlen für

• Teams, die nach einer Methode suchen, Berichtseiten versionsweise stabil zu verwalten
• FE-Entwickler, die von einer CSR-Architektur auf SSG umstellen oder ein gemischtes Design benötigen
• Entwickler, die einem Vite-basierten Projekt leichtgewichtig Funktionen für statische Seiten hinzufügen möchten