Conserver les rapports existants tout en améliorant librement les suivants : concevoir des pages statiques avec Vike

L’équipe de Lemonbase présente comment elle a adopté Vike et une approche de pages statiques (SSG) afin de conserver de façon stable les résultats des rapports existants tout en améliorant librement les pages de rapport.

Points clés

• Les rapports existants devaient figer les données et l’UI d’un instant donné, mais avec une architecture en rendu côté client (CSR), les modifications de logique ou de design affectaient aussi les anciens rapports
• Plusieurs solutions ont été étudiées (module federation, gestion de versions des composants, etc.), mais la génération de pages statiques (SSG) a finalement été jugée la plus adaptée
• En ajoutant seulement une configuration légère au projet existant basé sur Vite, l’équipe a mis en place le SSG avec Vike
  • Un fichier HTML incluant les données au moment de la publication du rapport est généré afin de les figer
  • L’aperçu avant publication conserve la prise en compte des données en temps réel
• Les rapports sont intégrés au produit via des iframe, ce qui permet d’enchaîner l’UX de manière fluide
• Résultats de la mise en œuvre :
  • Les rapports existants ne changent plus, tandis que les nouveaux peuvent être améliorés librement
  • De meilleures performances (chargement plus rapide) et une réduction des coûts de maintenance
  • Une adoption rapide, sans infrastructure lourde supplémentaire
• En revanche, le fait que la communauté de Vike soit encore petite et que les références manquent a été perçu comme un point regrettable

Recommandé pour

• Les équipes qui cherchent un moyen de gérer de façon stable des pages de rapports selon les versions
• Les développeurs front-end qui ont besoin de passer d’une architecture CSR à une architecture SSG, ou d’un design hybride
• Les développeurs qui veulent ajouter simplement des fonctionnalités de pages statiques à un projet basé sur Vite