Sempre uma baita aula 👏🏼👏🏼👏🏼Atualmente eu tenho uma pasta "app" com as rotas privadas dentro da pasta app, e no middleware eu verifico apenas se o path inicia com /app e possui um token, se sim dou um next. Ai tudo o que inicia somente com "/" é publico e caso seja /auth e possua um token eu redireciono para a pasta app.
Estava agorinha trabalhando no meu micro SaaS e entrei no youtube pra colocar uma musica e me deparo com esse video que resolveu o exato problema que eu estava passando pois não estava conseguindo entender a documentação do supabase para next js, e acabei fazendo gambiarra para poder verificar a autenticação do usuário, agora tudo ficou claro, foi um video no time perfeito, valeu Diegão!
Seria massa um video de continuação sobre refresh token no Next.js com backend proprio. Atualmente tem um video no canal sobre autenticação com token em Next.js uma continuação com refresh token seria legal
Nem vi o video ainda, vou deixar para mais tarde. Porem fico feliz em ver o Diego voltando a postar videos com frequência aqui no canal da Rocket. Quase tudo que eu aprendi como programador foi graças a ale ❤
Por favor, crie uma versão em espanhol do RocketSeat, pois há um mercado hispânico muito grande que adoraria ver um conteúdo tão bem produzido como o seu.
Fala Diegão.... essa seria a melhor estratégia para redirecionamento de rotas segundo sua visão, seria interessante também fazer um vídeo mostrando qual seria a melhor arquitetura de um sistema web segundo sua visão utilizando o Nextjs. Seria bom ver o que você considera a melhor abordagem ao longo de toda sua experiência.... abraços...vlwww
Fala Diego, falando de roteamento no front, gostaria de sugerir trazer um vídeo do Tanstack Router no Vite, qual sua opinião dele e se vale apena começar a usar ele no lugar do React Router Dom.
Diegão, sugestão de conteúdo: como lidar com server components em páginas que possuem tabelas com filtros, paginação e etc, pois isso depende muito das interações do usuário. Valeu demais!
Fala, Diego! Consegue trazer algo a respeito de refresh token no Next quando o back trabalha enviando um JWT sem ser pelos cookies, como um access-token? Estou tendo alguns problemas por causa do SSR pra fazer a atualização dos tokens.
Brabo dms Diegão. O que vc recomenda é fazer o refresh token no layout do dashboard ent ? Porque ai as rotas privadas como settings, pricing e etc estarão como filho do dashboard.
Tem algum bom exemplo de como fazer o refresh token no Next.js? Algum projeto da Rocketseat ou open source que você segue como base Diegão? Parabéns pelo excelente conteúdo e um abraço diretamente de Guarulhos! 😊
@@dieegosf Boa!! quando ficar mais maduro trás um conteúdo sobre ele!! No caso é possível trazer um conteúdo falando sobre o casl.js para controle RBAC aqui no canal?
Fala diegão! primeiramente agradecer pelo conteúdo sempre muito massa. E segundo queria sua ajuda, tenho uma aplicação que ela usa PWA e o PWA carrega alguns arquivos, o match do middleware acaba pegando esses arquivos o que gera um erro de redirect. Eu tentei editar o match para não pegar mas é difícil porque as vezes tem mais de um arquivo. Você já teve esse problema com PWA?
Fala Marcus, pra ser sincero nunca tive esse problema! Mas uma ideia seria você jogar toda sua aplicação dentro de um subpath tipo /app e dessa forma colocar o matcher somente no /app e, assim, você exclui todos arquivos.
Vê se vc adicionou a rota para a qual está sendo feito o redirecionamento em em puclicUrls pois se não adicionar gera um erro de redirecionamento e aparece uns arquivos na a ver no terminal. O problema é que se não adicionar a rota em public ao chegar nela ela vai tentar redirecionar novamente. Pelo menos foi isso que aconteceu comigo.
em meus sistemas eu utilizo o middleware para fazer a requisição e buscar os dados do usuario, pq eu não quero mostrar nada da minha aplicação sem ter certeza do usuario estar logado e que n é um usuario banido e etc.. isso é errado? acho que é só o jeito mais preguiça de fazer
Esses vídeos que o Diego faz aqui no youtube tem um valor enorme! Acompanho a muitos anos e esses vídeos já me ensinaram muita coisa!
Faleu Gus!!! Tamo junto cara!
É incrível como a gente aprende tanto com as aulas dele
Chegou na hora exata, estou com um projeto na empresa e estou estudando a melhor forma para fazer as rotas! Muito obrigada!
Que coisa boa!
Seus videos de next esta me ajudando de mais no trabalho, top top top, sempre que puder postar ajuda d+
21 min de vídeo mais explicativo que módulos de muitos cursos por ai!
vídeo top Diegão! 🔥🚀
Que conteúdo sensacional!!!
Esse conteúdo é ouro!!! 🚀🚀🚀
Videos sobre Next e estratégias são excelentes.
Mto interessante .Vo assistir + tarde ..
Chegou na hora certa!! tava procurando sobre. Fera demais diegao
Sempre uma baita aula 👏🏼👏🏼👏🏼Atualmente eu tenho uma pasta "app" com as rotas privadas dentro da pasta app, e no middleware eu verifico apenas se o path inicia com /app e possui um token, se sim dou um next. Ai tudo o que inicia somente com "/" é publico e caso seja /auth e possua um token eu redireciono para a pasta app.
Caraca, maravilhoso... Estava precisando disso mesmo.
sempre mto bom
Gostei deste padrão de roteamento! Show
CAraca , massa demais .. Valeu Diegão !
Diego, traz um vídeo de como trabalhar com accessToken e refreshToken por favor
se tem Diego entao tem qualidade
Valeu demais Diego!! Tava na busca por um vídeo desses
Perfeito, vou aderir.
Estava agorinha trabalhando no meu micro SaaS e entrei no youtube pra colocar uma musica e me deparo com esse video que resolveu o exato problema que eu estava passando pois não estava conseguindo entender a documentação do supabase para next js, e acabei fazendo gambiarra para poder verificar a autenticação do usuário, agora tudo ficou claro, foi um video no time perfeito, valeu Diegão!
Seria massa um video de continuação sobre refresh token no Next.js com backend proprio. Atualmente tem um video no canal sobre autenticação com token em Next.js uma continuação com refresh token seria legal
Shooow, é algo que já ta na minha lista pra gravar!
Muito bom!!! já vou ver se estou nos padrões.
Ótimas dicas, parabéns! Poderia fazer uma mostrando a melhor estratégia de fazer "refresh token" no Nextjs utilizando API externa.
Top demais.
Queremos mais sim, é claro 😂.
É a sua determinação? É o seu compromisso? Pra 2025 kkkk
Rapaz eu fazia essa estratégia no nextauth via layout, olhai como é mais fácil e seguro bixo
Nem vi o video ainda, vou deixar para mais tarde. Porem fico feliz em ver o Diego voltando a postar videos com frequência aqui no canal da Rocket. Quase tudo que eu aprendi como programador foi graças a ale ❤
Que massa, minha ideia é não parar mais haha
Excelente 👍
Top demais o vídeo!
Opa Diego, você poderia fazer um vídeo mostrando a sua estratégia de dar refresh no token após passar pelo middleware
Por favor, crie uma versão em espanhol do RocketSeat, pois há um mercado hispânico muito grande que adoraria ver um conteúdo tão bem produzido como o seu.
Obrigado, corrigi um bug tenebroso que eu tinha em um projeto meu aqui kkk
Que maravilha de explicação em Diego!
Acho que a palavra seria: Empenhado kkk
Abraços xará, você é brabo! Parabéns pelo conteúdo
não conhecia essa flag empty q daora
"ESSE É O MEU COMPROMISSO COM VOCÊS!"
Excelente
Posta mais videos Diego, disparado o melhor da rocket
Ja estava esperando.. valeeeu
top demais !!!!!
A palavra é compromisso, vlw, qualquer coisa aciona nós ai Diegão
Era isso mesmo, lembrei uns 30 segundos depois de terminar o vídeo hahahaha
Fala Diegão.... essa seria a melhor estratégia para redirecionamento de rotas segundo sua visão, seria interessante também fazer um vídeo mostrando qual seria a melhor arquitetura de um sistema web segundo sua visão utilizando o Nextjs. Seria bom ver o que você considera a melhor abordagem ao longo de toda sua experiência.... abraços...vlwww
Top de mais! :D
Ai sim, botei fé.
Traz um vídeo sobre NextAuth.js
Sensacional Diego, sugestão autenticação e autorização usando custom backend no Next.js com logout.
Fala Diego, falando de roteamento no front, gostaria de sugerir trazer um vídeo do Tanstack Router no Vite, qual sua opinião dele e se vale apena começar a usar ele no lugar do React Router Dom.
Queria que você utilizasse essa mesma estrutura que está perfeita e implementar com next-auth, toda implementação do next-auth com refresh token e etc
Eu não uso next-auth em projetos que a API é separada do Next
Diegão, sugestão de conteúdo: como lidar com server components em páginas que possuem tabelas com filtros, paginação e etc, pois isso depende muito das interações do usuário. Valeu demais!
Shooooooooow, pode deixar!
Faz um vídeo implementando refreshToken
Diego... passa uma dica boa como atualizar o ZUSTAND quando vc pegou informações de uma server actions em um server component. Essa vale uma aula!
Fala, Diego!
Consegue trazer algo a respeito de refresh token no Next quando o back trabalha enviando um JWT sem ser pelos cookies, como um access-token? Estou tendo alguns problemas por causa do SSR pra fazer a atualização dos tokens.
up!
Pode deixar!
Interessante
Faça um vídeo sobre WebSockets, pois há pouco conteúdo atualizado e de qualidade disponível sobre esse assunto.
gerenciamento de estado no react ou nextjs
Diegão, como funciona pra fazer o deploy de uma aplicação next em algum serviço de hospedagem, vps ?
Brabo dms Diegão. O que vc recomenda é fazer o refresh token no layout do dashboard ent ? Porque ai as rotas privadas como settings, pricing e etc estarão como filho do dashboard.
Gosto de fazer ele mais associado com o API client
Tem algum bom exemplo de como fazer o refresh token no Next.js? Algum projeto da Rocketseat ou open source que você segue como base Diegão? Parabéns pelo excelente conteúdo e um abraço diretamente de Guarulhos! 😊
Vou providenciar um vídeo!
@@dieegosf no aguardo mestrão
trás vídeos sobre nest, graphql e nats e mais vídeos sobre next😢
Demorou para sair uma aula como está aqui no canal
12:49 a memória muscular do diego digitando "function" kkkkkkkkkkkkkkkkkkkkk
MEU DEUS ERA ISSO
Já ouviu falar do Better-auth?
cria um vídeo falando sobre!!
Já sim, mas ainda é muito novo pra eu recomendar, tem que dar mais um tempinho
@@dieegosf Boa!! quando ficar mais maduro trás um conteúdo sobre ele!!
No caso é possível trazer um conteúdo falando sobre o casl.js para controle RBAC aqui no canal?
Alôôô, Editor
Pede pro Diego dar zoom no code
Fala diegão! primeiramente agradecer pelo conteúdo sempre muito massa. E segundo queria sua ajuda, tenho uma aplicação que ela usa PWA e o PWA carrega alguns arquivos, o match do middleware acaba pegando esses arquivos o que gera um erro de redirect. Eu tentei editar o match para não pegar mas é difícil porque as vezes tem mais de um arquivo. Você já teve esse problema com PWA?
Fala Marcus, pra ser sincero nunca tive esse problema! Mas uma ideia seria você jogar toda sua aplicação dentro de um subpath tipo /app e dessa forma colocar o matcher somente no /app e, assim, você exclui todos arquivos.
Vê se vc adicionou a rota para a qual está sendo feito o redirecionamento em em puclicUrls pois se não adicionar gera um erro de redirecionamento e aparece uns arquivos na a ver no terminal. O problema é que se não adicionar a rota em public ao chegar nela ela vai tentar redirecionar novamente. Pelo menos foi isso que aconteceu comigo.
em meus sistemas eu utilizo o middleware para fazer a requisição e buscar os dados do usuario, pq eu não quero mostrar nada da minha aplicação sem ter certeza do usuario estar logado e que n é um usuario banido e etc.. isso é errado? acho que é só o jeito mais preguiça de fazer
O melhor seria fazer isso no layout do app e não no middleware, dessa forma inclusive tu pode usar as features de cache do Next.js
tras coisas mais complexas no node com fastify. eu estou com dificuldade com a doc. deles
eu problema com du, da, do daaa kkk... "TAMBEM"!
Diego. cabra bom forrozeiro. na proxima, da um zoom. so +1. ficou pequendo demais, pivete.
Sim, eu gravei alguns com pouco zoom, daqui uns 2 vídeos vai sair com mais zoom haha
chegou a calhar
Diegão, faltou um zoom no editor pra ficar melhor visível. no Mobile quase impossível ler.
Sim, já estou ciente, vai sair mais 2 vídeos assim e daí os próximos vai sair com mais zoom
infelizmente tô na fase do desânimo e já fazem umas 3 semanas que n estudo
Acontece, espero que essa fase passe logo pra você!
Marca aws aqui
@aws
1:21 isso é o sol ou a tela do pc? kkkkkkkkkkkk
como q aguenta esse brilho todo, o meu deixo no mínimo.
Hahaha é o brilho, mas durante o dia eu não fico assim com a janela fechada e daí o brilho não me atrapalha, é mais pra gravação mesmo
Eu achei que esta era a única forma de se fazer isso com next (._.")
olha quem lembrou que tem um canal no youtube kkkkkk
Hahaha, eu tenho uma empresa, o canal no RUclips é um plus
@ a empresa tá começando a atrapalhar o canal, tá na hora de vender kkkkkkkkk
A imagem e tao minuscula que quase nao da pra ler.
Os próximos sairão com mais zoom