Uso de microfrontends em aplicações reais: integração entre aplicações Next.js e SingleSPA com React através de Module Federation e Proxy Reverso

Abstract

A crescente complexidade de aplicações web corporativas tem impulsionado a adoção de arquiteturas baseadas em microfrontends, com o objetivo de promover escalabilidade, reutilização de código e autonomia entre equipes de desenvolvimento. Neste trabalho é apresentado um estudo técnico realizado em um laboratório de inovação de uma grande empresa do setor varejista, cujo objetivo foi investigar e viabilizar a integração entre duas aplicações web distintas: um sistema de Marketplace desenvolvido em Next.js e uma plataforma interna denominada Workspace, composta por múltiplos microfrontends em React orquestrados por Single-SPA. Inicialmente, foram exploradas estratégias de integração baseadas em Module Federation, incluindo sua aplicação em conjunto com o framework Next.js e a tentativa de consumo direto de módulos do Workspace. Contudo, limitações técnicas relacionadas à incompatibilidade entre configurações de empacotamento, ao acoplamento interno dos módulos e à descontinuação do suporte oficial ao Module Federation no Next.js inviabilizaram a adoção dessa abordagem em ambiente de produção. Diante dessas restrições, foi proposta e validada uma solução alternativa baseada no uso de proxy reverso, utilizando o Nginx para realizar o roteamento transparente de requisições entre as aplicações. Essa abordagem viabilizou a integração efetiva entre o Marketplace e o Workspace, permitindo a reutilização das telas já existentes, o compartilhamento do contexto de autenticação e a navegação unificada entre os sistemas, sem a necessidade de refatorações estruturais ou de acoplamento direto entre as bases de código. Como resultado, o trabalho evidencia que o uso de proxy reverso mostrou-se uma solução tecnicamente viável e aderente ao contexto corporativo analisado, atendendo aos requisitos de integração estabelecidos e mantendo a independência arquitetural das aplicações envolvidas.