Mantener los reportes existentes y mejorar con libertad: cómo resolvieron el diseño de páginas estáticas con Vike

El equipo de Lemonbase presenta un caso en el que adoptó Vike y aplicó un enfoque de páginas estáticas (SSG) para mantener de forma estable los resultados de reportes existentes mientras mejoraba libremente las páginas de reportes.

Contenido principal

• Los reportes existentes necesitaban fijar los datos y la UI de un momento específico, pero por la estructura de renderizado del lado del cliente (CSR), cuando cambiaban la lógica o el diseño también se veían afectados los reportes ya existentes
• Evaluaron varias soluciones, como module federation y versionado de componentes, pero concluyeron que generar páginas estáticas (SSG) era el enfoque más adecuado
• Sobre el proyecto existente basado en Vite, agregaron solo una configuración simple para aplicar SSG con Vike
  • Se construye y fija un archivo HTML que incluye los datos del momento de publicación del reporte
  • Antes de la publicación, la vista previa sigue reflejando datos en tiempo real
• Integraron los reportes dentro del producto mediante iframe, conectando la UX de forma natural
• Resultado de la implementación:
  • Los reportes existentes no cambian, y los nuevos pueden mejorarse libremente
  • Mejor rendimiento (carga más rápida) y menor costo de mantenimiento
  • Se puede adoptar rápidamente sin necesidad de una infraestructura grande adicional
• Aun así, fue una desventaja que Vike tenga una comunidad pequeña y pocas referencias

Recomendado para

• Equipos que están buscando una forma de gestionar de manera estable páginas de reportes por versión
• Desarrolladores frontend que necesitan pasar de una estructura CSR a una SSG, o diseñar una arquitectura híbrida
• Desarrolladores que quieren agregar funciones de páginas estáticas de forma ligera a un proyecto basado en Vite