Fragmentando a interface: o impacto e os desafios da migração para Micro Frontends no desenvolvimento web

Abstract

Este trabalho de conclusão de curso investiga a migração de uma aplicação web monolítica para diferentes arquiteturas de micro frontends, utilizando frameworks como Single-SPA, Turborepo e Lerna. A motivação para estudar microfrontends vem da necessidade crescente de melhorar a escalabilidade, modularidade e manutenção de grandes aplicações web, que se tornam cada vez mais complexas à medida que evoluem. Adotar microfrontends permite que equipes de desenvolvimento trabalhem de maneira mais independente e eficiente, integrando diferentes tecnologias e frameworks dentro de uma única aplicação. O objetivo é avaliar o desempenho, escalabilidade e facilidade de manutenção de cada abordagem. A aplicação base foi desenvolvida em Next.js e posteriormente migrada para as três diferentes arquiteturas de micro frontends. A metodologia envolveu testes de desempenho com a ferramenta Lighthouse, que indicaram que Single-SPA apresentou a melhor performance, seguido por Turborepo e Lerna. Testes de escalabilidade com o Apache JMeter mostraram que Lerna teve maior consistência nos tempos de resposta. A análise do tamanho do bundle, realizada com o Webpack Bundle Analyzer, revelou que Single-SPA teve o menor tamanho de bundle. Este estudo fornece uma análise detalhada das vantagens e desafios das arquiteturas de micro frontends, oferecendo recomendações práticas para a implementação e contribuindo para o avanço das práticas de desenvolvimento de software.