Micro Front End

Micro Front End feito com Svelte e Hybrids

Esse projeto foi feito como hands-on para o artigo "Microserviços é coisa do passado. Agora a moda é Micro Front End!". No artigo explico direitinho qual o conceito de Micro Front End, o que ele ajuda e como fazer um do zero.

Instalando

Baixe o projeto pelo github usando git clone https://github.com/DavideCarvalho/microfrontend-article.git, depois disso é só baixar as dependências com o comando npm i (não esqueça de ter o node instalado)

Rodando

Após dar npm i em um projeto, ele vai buildar e rodar o projetosozinho, ou seja, não precisa fazer nada além disso. Apenas rode os projetos e já estará funcionando!

  • A base rodará em "localhost:5000"
  • O app1 será mostrado nas rotas "localhost:5000" e "localhost:5000/app1"
  • O app2 será mostrado na rota "localhost:5000/app2"
  • Qualquer outra rota mostrará um app em branco

Caso queira ver os bundles, o bundle do app1 fica em "localhost:8080/public/bundle.js" e do app2 fica em "localhost:8081/public/bundle.js"

Issues

Caso tenha alguma pergunta, pode perguntar tanto no artigo quanto pelas issues do repositório. Se for algo relacionado a conceito, por favor, prefira perguntar no Medium, caso seja dúvida de como rodar o projeto ou relacionado a código, o melhor lugar vai ser pelas issues do github.