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.
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)
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"
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.