6:22 isso na verdade é um problema especifico do KDE Plasma relacionado a uma limitação na lixeira. da pra resolver indo nas configurações do Dolphin, na parte de Lixeira, e remover a limitação. mas de qualquer forma, o VS Code (e vários outros apps) funcionam bem melhor em ambiente GTK (GNOME, CINNAMON, XFCE, MATE, BUDGE, I3)
Fala Diego, parabénns pelo conteúdo. Fala mais sobre microfrontends, realmente está cada vez mais em alta, recomendo dar uma olhada no Single SPA ou Module Federation do webpack5.
Boaaa excelente video!!! Estou precisando fazer isso na empresa agora kkk tu me salvou,. Só continuei com uma duvida, como vou fazer publicar ele agora com netlify ou vercel ? #PR
Diego mais uma vez um excelente conteúdo, você poderia explicar sobre o uso do redux-toolkit com typescript e saga, existem pouquíssimos conteúdos atualmente.
Baita conteúdo Diegão 😄, quem diria que seria algo tão simples de configurar. Um vídeo de mono repo seria muito fera mas de PWA seria mais maravilhoso ainda haha ❤️
#PR Digamos que eu tenha a persistência de estado via cookies como eu faço pra compartilhar essa info entre as duas aplicações? Todas elas compartilharam o mesmo storage?
No caso de precisar compartilhar a sessão/usuário logado por exemplo entre as duas aplicações durante a migração, isto é, loguei pelo next, acessei uma página que ainda está no CRA, mas preciso por exemplo mostrar o usuário logado na navbar. Isso é possível?
Sim, mas o token vai precisar estar em algum local acessível por ambas aplicações, ou seja, o melhor local são os cookies. Vale lembrar que quando você navega de uma aplicação CRA para o Next ou vice-versa o que vai acontecer é um reload completo da aplicação, ou seja, todos estados são perdidos, mas no caso da autenticação podem ser recarregados normalmente se o token estiver disponível.
#PR Fala Diego, blz! Manda um Salve para galera de Cuiabá-MT, super empolgados com esses conteúdos. A dúvida é de como chamar uma página no Next.js passando valores com método post ou algo que mantenha os dados seguros e não públicos.
Seria uma boa falar do microfront-end. Tenho uma aplicação rodando bem complexa e com bugs em uma versão muito antiga do react. Seria interessante ter um novo app (provavelmente cra) porém atualizado e com novas features incrementalmente?
Não porque o CRA no fim gera uma build totalmente estática, ou seja, não tem nenhum server rodando com ele. O proxy precisaria ser feito por um terceiro dai nesse caso, tipo um NGINX que fica entre a conexão do cliente com o seu app CRA e o NGINX em si faz esse processo e não o CRA.
será que vale a pena eu comprar o ignite nesse que está por vir agora, e começar mais pra frente sem acompanhar voces? e depois quando lançarem o proximo eu refaço junto mais rápido para acompanhar... Voce acha que eu ficaria perdido 'sozinho'? kkkk Porque ainda estou vendo Javascript Intermediário, e se esse próximo ignite vir no mes que vem, eu n devo conseguir terminar de ver bem js,html e css, daí eu precisaria de mais um ou dois meses pra poder começar o Ignite
Faaaaala, Alê! Beleza!? Sugestão anotada! Por hora, deixo esse #PR em que o Diego responde uma pergunta sobre: *Micro Frontends, Node.js, Unform, StyleSheets, Styled-components, ORMs | **#PR** 13* th-cam.com/video/YQr5CIRZ4Og/w-d-xo.html 💜 🚀
Essa config de proxy serve também pra arquivos da pasta public (css, js, imagens, etc) ou é somente para as rotas? Tenho uma aplicação antiga rodando e estou fazendo a migração pra JS (next), tem muito css, js e imagens nessa aplicação antiga.
Toda informação que precisa ser persistida entre sessões e compartilhada entre ambos deve ser armazenada nos cookies principalmente, a não ser que seja uma informação exclusiva da parte visual e dai pode ser usado o Local Storage.
Faaaaala, Diego! Subdomínios funcionam nesse mesmo esquema de duas aplicações ou podem ser criados para uma única aplicação? Ou seja, uma aplicação com subdomínio para admin (cra ou next) e outra no endereço url principal para usuários?
@@dieegosf Obrigado pela dica! Como eu uso bastante o free quota da firebase pra aprender a programar, o difícil seria conectar as duas aplicações ambas com o mesmo banco de dados NoSQL, mas com registros de autenticação diferentes para que o usuário não faça login na área admin e vice-versa.
Faaaaala, Luca! Beleza!? O Diego ta usando o Kubuntu! Vou deixar um vídeo do nosso querido Rodz mostrando como customiza assim: *Customizando KDE Plasma (Kubuntu, Manjaro, etc) | Guilherme Rodz* th-cam.com/video/h-FsG-QpgfI/w-d-xo.html 💜 🚀
10:22
comando para windows (Power Shell) SEM precisar instalar nenhum package adicional:
"start": "set PORT=4000 && react-scripts start",
boa
Exatamente o que eu precisava, Boa Diego Excelente conteúdo.
Que show, Alessandro! Valeu demais! 😍 💜
Excelente vídeo. Manter o contexto entre as apps pode ser mais complicado mas compensa muito utilizar Nextjs, é muito rápido.
Exatamente, Filipe! Que massa que curtiu o conteúdo! 💜 🚀
6:22 isso na verdade é um problema especifico do KDE Plasma relacionado a uma limitação na lixeira. da pra resolver indo nas configurações do Dolphin, na parte de Lixeira, e remover a limitação. mas de qualquer forma, o VS Code (e vários outros apps) funcionam bem melhor em ambiente GTK (GNOME, CINNAMON, XFCE, MATE, BUDGE, I3)
Diego, Salvaste a minha vida
Fala Diego, parabénns pelo conteúdo. Fala mais sobre microfrontends, realmente está cada vez mais em alta, recomendo dar uma olhada no Single SPA ou Module Federation do webpack5.
Pode por favor falar, Qual distro vocês está usando nesse vídeo ?
Muito bom, eu tinha exatamente essa dúvida sobre como poderia ser feito, parabens a todos !
Faaaala, Kesley!
Que massa que te ajudamos com essa dúvida! 💜 😍
Excelente tópico e abordagem! Posta mais sobre micro front-ends sim 🚀
Boa Diego! Fala sobre o Module Federation do webpack 5, uma das maneiras de se fazer micro-frontend nos dias de hoje.
Faaaaaala, Gustavo!
Sugestão anotada aqui! 💜 😍
@@rocketseat Pow uma pena PWA do NextJS não funcionar ainda com webpack 5. Tive um monte de erro com carregamento de imagens.
show de bola...cria mais videos sobre microfrontends...
Faaaala, Maiquel! Beleza!? Opa, sugestão anotada! 💜
Boaaa excelente video!!! Estou precisando fazer isso na empresa agora kkk tu me salvou,. Só continuei com uma duvida, como vou fazer publicar ele agora com netlify ou vercel ? #PR
Fala Jecé, você pode publicar em projetos separados e usar o endereço do projeto CRA no proxy do endereço do projeto Next.
@@dieegosf topeeee
Diego mais uma vez um excelente conteúdo, você poderia explicar sobre o uso do redux-toolkit com typescript e saga, existem pouquíssimos conteúdos atualmente.
Faaaaala, Edson!
Que massa que curtiu! Anotei sua sugestão aqui! Valeu demais! 💜 😍
Dá uma olhada lá no repositório do Github na pasta examples... tem vários exemplos de Redux lá.
@@cassiolacerda2486 Redux-toolkit não tem...
Belo conteúdo Diegão, parabéns
Que massa que curtiu, Matheus!
Bem útil, né!? Valeu demais! 💜
Baita conteúdo Diegão 😄, quem diria que seria algo tão simples de configurar.
Um vídeo de mono repo seria muito fera mas de PWA seria mais maravilhoso ainda haha ❤️
Concordo @Roberto, dois conteúdos sensacionais!!
Curtiu, Roberto!? Maravilha! 🚀
Sugestões anotadas... 👀 💜
Muita massa o conteúdo!! 🚀
Mas tenho a mesma dúvida da @Catharina, como funcionaria com autenticação?
Show demais, quero ver muito conteudo sobre MF e BFF no CD da Rcoket
Muito bom conteúdo!
Que show que curtiu! 💜
#PR Digamos que eu tenha a persistência de estado via cookies como eu faço pra compartilhar essa info entre as duas aplicações? Todas elas compartilharam o mesmo storage?
No caso de precisar compartilhar a sessão/usuário logado por exemplo entre as duas aplicações durante a migração, isto é, loguei pelo next, acessei uma página que ainda está no CRA, mas preciso por exemplo mostrar o usuário logado na navbar. Isso é possível?
Sim, mas o token vai precisar estar em algum local acessível por ambas aplicações, ou seja, o melhor local são os cookies. Vale lembrar que quando você navega de uma aplicação CRA para o Next ou vice-versa o que vai acontecer é um reload completo da aplicação, ou seja, todos estados são perdidos, mas no caso da autenticação podem ser recarregados normalmente se o token estiver disponível.
@@dieegosf massa!!
O que esta travando ai é o Git integrado no vscode... como vc tirou o gitignore a pasta node começou ser monitorada.... @Rocketseat
Mais que maravilha 😍
Curtiu, João!? 👀 💜
@@rocketseat sensacional 💜
#PR Fala Diego, blz! Manda um Salve para galera de Cuiabá-MT, super empolgados com esses conteúdos. A dúvida é de como chamar uma página no Next.js passando valores com método post ou algo que mantenha os dados seguros e não públicos.
Faaaaala, Sidney!
Um SALVE pra Cuiabá! 😍
Excelente ponto! Valeu demais por nos enviar a sua dúvida! 💜 🚀
Seria uma boa falar do microfront-end.
Tenho uma aplicação rodando bem complexa e com bugs em uma versão muito antiga do react. Seria interessante ter um novo app (provavelmente cra) porém atualizado e com novas features incrementalmente?
Aí o ideal não seria um novo projeto em Next.js? Assim você melhora incrementalmente com o método usado no vídeo.
#pr quando devo usar NEXT ou CRA ?
Excelente ponto! Anotado! Valeu demais por nos enviar sua dúvida! 💜
oi tudo bom? como você sobre isso em um servidor com nginx?
#PR Diego, tudo bem? Como esse redirecionamento funciona quando temos autenticação essas telas, é possível compartilhar essas informações?
Diego, eu consigo fazer esse rewrites manualmente ? No caso redirecionar conforme uma regra de negócio.
Qual é esse OS que vc tá usando?
#PR: No caso, esse redirecionamento precisaria ser pra uma pagina react? Ou se colocar uma página em outra tecnologia ele também funcionaria?
Uma dúvida, sobre o deploy dessa estratégia na Vercel, eu preciso criar projetos diferentes ou posso enviar a pasta contendo as duas aplicações?
Fala Evandro, você pode publicar em projetos separados e usar o endereço do projeto CRA no proxy do endereço do projeto Next.
Diego, daria pra fazer o inverso? o CRA ser o proxy pro Next ao invés do Next ser o proxy pro CRA?
Não porque o CRA no fim gera uma build totalmente estática, ou seja, não tem nenhum server rodando com ele. O proxy precisaria ser feito por um terceiro dai nesse caso, tipo um NGINX que fica entre a conexão do cliente com o seu app CRA e o NGINX em si faz esse processo e não o CRA.
@@dieegosf #PR Diego, tudo bem? Como esse redirecionamento funciona quando temos autenticação essas telas, é possível compartilhar essas informações?
Boa tarde poreriam fazer um conteudo atualizado e mais completo com autenticação no propria api e com o google?
será que vale a pena eu comprar o ignite nesse que está por vir agora, e começar mais pra frente sem acompanhar voces? e depois quando lançarem o proximo eu refaço junto mais rápido para acompanhar... Voce acha que eu ficaria perdido 'sozinho'? kkkk
Porque ainda estou vendo Javascript Intermediário, e se esse próximo ignite vir no mes que vem, eu n devo conseguir terminar de ver bem js,html e css, daí eu precisaria de mais um ou dois meses pra poder começar o Ignite
Pelo que entendi, é apenas um redirect... e se a outra aplicação for um Angular por exemplo? Funcionaria tbm?
Top! 👏👏👏
Valeu demais, Lennon! 💜
Cara, faz mais vídeos sobre microfrontends!
Faaaaala, Alê! Beleza!?
Sugestão anotada!
Por hora, deixo esse #PR em que o Diego responde uma pergunta sobre:
*Micro Frontends, Node.js, Unform, StyleSheets, Styled-components, ORMs | **#PR** 13*
th-cam.com/video/YQr5CIRZ4Og/w-d-xo.html
💜 🚀
Essa config de proxy serve também pra arquivos da pasta public (css, js, imagens, etc) ou é somente para as rotas? Tenho uma aplicação antiga rodando e estou fazendo a migração pra JS (next), tem muito css, js e imagens nessa aplicação antiga.
Pode ser usado pra qualquer tipo de arquivo.
Diego, como fazer o deploy dessa estratégia para a Vercel?
Fala Brendon, você pode publicar em projetos separados e usar o endereço do projeto CRA no proxy do endereço do projeto Next.
Seria possível compartilhar os contextos entre os dois projetos?
Local storage
Toda informação que precisa ser persistida entre sessões e compartilhada entre ambos deve ser armazenada nos cookies principalmente, a não ser que seja uma informação exclusiva da parte visual e dai pode ser usado o Local Storage.
Obrigados ótimo conteúdo parabéns. Ansioso para a nlw
Fala Diego, pq eu deveria hj em dia começar um projeto com cra ao invés de next.js? Existe algum case específico?
Faaaaala, Diego! Subdomínios funcionam nesse mesmo esquema de duas aplicações ou podem ser criados para uma única aplicação? Ou seja, uma aplicação com subdomínio para admin (cra ou next) e outra no endereço url principal para usuários?
Nesse caso são dois apps diferentes e tudo bem, eu particularmente sempre prefiro criar apps diferentes caso sejam acessados por pessoas diferentes.
@@dieegosf Obrigado pela dica! Como eu uso bastante o free quota da firebase pra aprender a programar, o difícil seria conectar as duas aplicações ambas com o mesmo banco de dados NoSQL, mas com registros de autenticação diferentes para que o usuário não faça login na área admin e vice-versa.
Dá pra criar um .env pra adicionar a variável PORT=4000, sem precisar de alterar no package.json.
Boa, obrigado pela adição.
Qual é a versão do Linux que você usa? Ele já vem esse layout ou vocês editou?
Faaaaala, dev! É o Kubuntu! 💜
Vou deixar um vídeo em que o nosso querido Rodz customiza, tudo bem!? 😉
th-cam.com/video/h-FsG-QpgfI/w-d-xo.html
🚀
@@rocketseat s2 vcs são top !
Diego, qual distro linux tu usa? Vlw pelo vídeo 🚀
Faaaaala, Luca! Beleza!?
O Diego ta usando o Kubuntu!
Vou deixar um vídeo do nosso querido Rodz mostrando como customiza assim:
*Customizando KDE Plasma (Kubuntu, Manjaro, etc) | Guilherme Rodz*
th-cam.com/video/h-FsG-QpgfI/w-d-xo.html
💜 🚀
Esse bug ao deletar arquivos nunca rolou comigo. Que bizarro