Bocanegra, SilvanaSantana, Vinícius Vieira de2026-06-172026-02-10SANTANA, Vinícius Vieira de. 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. 2026. 37 f. Trabalho de Conclusão de Curso (Bacharelado em Sistemas de Informação) – Departamento de Estatística e Informática, Universidade Federal Rural de Pernambuco, Recife, 2026.https://arandu.ufrpe.br/handle/123456789/8791A 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.37 f.pt-BRopenAccesshttp://creativecommons.org/licenses/by-nc-nd/4.0/Arquitetura de softwareAplicações WebMicrofrontend (Computação)Integração de aplicações corporativas (Sistemas de computação)Relatórios técnicosbachelorThesisAttribution-NonCommercial-NoDerivatives 4.0 International