Mantendo relatórios antigos intactos e melhorando livremente os novos: como resolver isso com Vike no design de páginas estáticas

A equipe da Lemonbase apresenta um caso de adoção do Vike com a aplicação do modelo de páginas estáticas (SSG) para manter com estabilidade os resultados de relatórios existentes, ao mesmo tempo em que consegue melhorar livremente as páginas de relatório.

Principais pontos

• Os relatórios existentes precisavam manter fixos os dados e a UI de um determinado momento, mas, por conta da estrutura de renderização no cliente (CSR), mudanças de lógica/design acabavam afetando também relatórios antigos
• Foram avaliadas várias soluções, como Module Federation e gerenciamento de versões de componentes, mas concluiu-se que a geração de páginas estáticas (SSG) era a abordagem mais adequada
• Com a adição de apenas algumas configurações a um projeto existente baseado em Vite, foi possível aplicar SSG com Vike
  • O arquivo HTML é gerado com os dados do momento da publicação do relatório e fica fixado
  • A prévia antes da publicação continua refletindo dados em tempo real
• Os relatórios foram integrados ao produto com a abordagem de iframe, conectando a UX de forma natural
• Resultados da adoção:
  • Os relatórios antigos não mudam, e os novos podem ser melhorados livremente
  • Melhor desempenho (carregamento mais rápido) e redução do custo de manutenção
  • Implementação rápida sem necessidade de uma infraestrutura grande à parte
• Por outro lado, ficou a ressalva de que o Vike tem uma comunidade pequena e poucas referências disponíveis

Recomendado para

• Equipes que estão pensando em como gerenciar com estabilidade páginas de relatório por versão
• Desenvolvedores front-end que precisam migrar de uma estrutura CSR para SSG ou de um desenho híbrido
• Desenvolvedores que querem adicionar de forma leve recursos de páginas estáticas a projetos baseados em Vite