Implementando micro front-end com nginx

Neste vídeo mostro como implementar micro front-end com build code utilizando nginx como proxy reverso. Será feito uma implementação de aplicações feitas em React, Angular e Vue.

O orquestrador vai ser implementado com nginx, a ideia é configurar um proxy reverso para encaminhar e redirecionar requisições para outros servidores nginx que serão responsáveis por servir nossas aplicações React, Angular e Vue.

Projeto feito durante o vídeo:

[BR][Front-End] JavaScript - Implementando Micro Front-End com Single SPA:

Veja também:

Percorrendo e criando novos arrays com map:

Criando Web Components com StencilJS:

React, Babel e Webpack, o que é tudo isso?:

Percorrendo arrays com forEach em JavaScript:

[BR][Front-End] JavaScript - Reconhecimento Facial com FaceAPI:

Me siga nas redes Sociais:

[jflizandro]

Cara, venho acompanhando seus vídeos e você explica muito bem.
Neste vídeo em questão, acabei pegando dicas preciosas do NGINX que não sabia como funcionavam (tinha que recorrer a pesquisas e testes a cega, sem saber o que estava fazendo). Continue assim que você vai longe!

[Decko]

Booa!
Ainda sobre micro front-end, eu acho que seria legal mostrar como funciona quando componentes de servidores diferentes são juntados na mesma página

[matheuscolhyer]

Boa noite, amigo!
Sou fã das suas aulas.
Profissionalmente falando, obtive conquistas e avanços por meio delas!

[gabrielfrancelino]

Sempre com ótimos conteúdos, aprendi demais! Obrigado

[felipeamorais]

Parabéns, excelente conteúdo, aprendi muito.

[claudineigibin]

Muuuito bom o video, você tem uma excelente didática!! está muito bacana acompanhar seus videos!!! parabéns e obrigado por compartilhar o conhecimento!!!

[thiagotcx]

Todo o processo foi muito bem explicado! Parabéns!

[rainerteixeira]

Muinto bom amigo exelente explicaçao me fez intender perfeitamente.

[SegredosCabeludos]

Video sensacional, parabéns pelo interesse de repassar conhecimentos os seus dois videos sobre micro-frontend são ótimos. Espero que continue assim, sabe que aprendemos muito mais quando repassamos o conhecimento, tem uma pegada de devops ai em rs. Abraços.

[rodrigomartins]

muito top, estou acompanhando todos seus novos videos

[IgorSimoes]

Excelente! Vou ter que ver de novo só para anotar o passo a passo...srrssr

[MarcosVRPereira]

Cara tu acabou de ganhar mais um inscrito!!!!
Tú explica muito tranquilo algo que muitos pintam um bicho de "1k" cabeças PARABÉNS!!!

PS. você tem algum video ensinando montar um servidor web local mas pra colocar em produção?
Sei que muitos vão dizer que não compensa que é trabalhoso, mas, sempre quis montar um para aprendizado e deixar alguma página hospedada e agora como estou estudando programação, deixar uma aplicação rodando também.
Se tiver algum video seu sobre o assunto, mas que aborde tambem segurança do servidor vou ser muito grato.

[robsonataide]

Sensacional... muito bom mesmo. Parabéns.

[felipemarinhodev]

Parabens! muito bom o conteúdo. Obrigado

[nortongoncalves]

Caraaa muito show : ), parabéns pelo vídeo.

[marcosaap]

Olá! Quero elogiar o seu trabalho, pois estou atualmente pesquisando conteúdos sobre Micro Frontends (Micro FE) e encontrei seus vídeos - eles são simplesmente incríveis!

No meu local de trabalho, temos um monólito construído com Vuetify (Vue 2), e estamos enfrentando a decisão de migrar para Vue 3. A minha ideia é separar algumas funcionalidades desse monólito em Micro Frontends, enquanto já implementamos o Vue 3. Dessa forma, o projeto pode continuar se escalando e se atualizando, considerando que a versão atual é bastante antiga.

Minha pergunta é a seguinte: como faço para fazer o deploy desses Micro Frontends em um servidor? Estou perguntando isso porque tenho um conhecimento limitado nessa área, e a responsabilidade de fazer isso recai sobre a equipe de infraestrutura. Você teria algum vídeo ou tutorial que explique como fazer o deploy de um Micro Frontend em um servidor, talvez utilizando uma plataforma como Vercel? Seria extremamente útil para nós entendermos a configuração do processo de deploy, integração contínua (CI/CD) e, mais importante, como os Micro Frontends interagem entre si em produção.

Agradeço antecipadamente pela sua ajuda e por compartilhar seu conhecimento!

[willianramos]

Ótimo video, parabéns!

Será q eu consigo fazer rodar um front simples junto com um single-spa usando o orquestrador com nginx?

[LuizAzevedown]

Muito show o vídeo, parabéns pela explicação.
Fiquei com algumas dúvidas;
1- Desta forma os micro front-end em teoria devem ser aplicações com responsabilidades unica, correto ?
2 - Desta forma é possível ter um micro front-end como container e neste micro front-end renderizar outros micro front-end com responsabilidades menores ?


Obrigado.

[victorhenriquecabral]

Excelente vídeo!
Muito didático.

Porém fiquei com uma dúvida, no caso dos microfrontends feitos com single-spa você mostrou a possibilidade de um projeto utils, que pode ser compartilhado com todos os demais.
Nesse caso por exemplo, usando nginx, é possível compartilhar funções, componentes e estilos de um container para outro?(considerando que eles sejam do mesmo framework)
Isso de alguma forma não seria muito recomendável?

[potamo]

EAE, vc e muito bom explicando as coisas cara, vc podia fazer um curso de flutter, a algo q ta crescendo, valeu