Cara, você salvou a minha saúde mental com essa saída do cookie. Estava há dias tentando fazer com que os dados fossem mantidos na minha aplicação depois do carregamento da página, mas o local storage, além de duplicar, zerava, mandava tudo pra casa do ca$%&lho. Muito obrigada mesmo!
cara, ajudou bastante.. sou estágiário e pediram pra fazer a migração do react pra netjs tô cortando um dobrado pra fazer isso mas tô conseguindo.. realmente o next mexe muito com back-end.. mas isso vai me permitir aprender mais sobre tudo que tá pro trás da confecção de um site. a parte ruim é que tenho que aprender muito mais.. mas que bom que tem vídeos como esse pra ajudar em algumaas coisas
7:24 Vc acabou respondendo uma dúvida minha "sem querer", eu me perguntava o motivo de não conseguir usar o nookies dentro do getStaticProps, eu sabia que era pelo fato do contexto dele não ter a propriedade req que tem no getServerSideProps, mas não sabia o motivo de não ter, agora faz todo sentido
Lembro que quando esse vídeo saiu, eu assisti mas como não precisei usar naquele momento, eu assisti e só pensei "hm, tá né", mas hoje que precisei usar, lembrei e vim aqui na hora, e olha, sensacional
Olá antônio, tudo bem? Se você precisa de apenas um site estático (que não tem backend, conexão direta com banco, etc), dá pra usar o GitHub Pages, o Surge.sh ou o Netlify. Se você está usando next.js a hospedagem da vercel é bem interessante, o Soutinho já fez vídeo aqui no canal sobre. Dá até pra fazer umas coisas com backend. Pra backend só conhecço o Heroku também.
ue, entao pelo que entendi o servidor recebe os cookies do usuario e faz o build já com as preferencias dele. Mas isso só funciona quando o site é SSR sem cache, né, pq se gerar um site estatico ele vai salvar em arquivo estatico o que o primeiro acesso entregar (?) dai todos usuarios acessando aquele cache, iriam ter a msm preferencia
Quando vc usa o SSR o site gera básico considerando o default e muda via serve se tem algum update. Se for estático, muda na tela, o que pode ocasionar um flickering
Em questão de autenticação com jwt por exemplo com api externa fica muito chato de gerenciar sessões e etc, eu costumo usar um HOC que faz o gerenciamento de rotas privadas
Muito obrigado por esse vídeo. Acho que ajudaria muita gente se você também desse a dica de como fazer para remover ou limpar um cookie em nextjs sem quebrar a aplicação, considerando que a 'nookies.destroy' pede o contexto como primeiro parâmetro e não funciona direito sem receber. Eu em particular, estou sofrendo demais pra resolver isso não encontrei até agora em documentação como fazer para passar esse contexto para o método. Agradeceria muito caso você pudesse dar essa dica. De qualquer forma, obrigado e sucesso pra você.
Opa Mário Blz? eu estou tendo esse problema em uma aplicação que eu estou fazendo onde eu defino o local storage no reducer, tentei usar o user effect já que o reducer é feito em função e não em classe, devo usar então o método dos cookies?, e parabéns pelo vídeo
Mario, muito bom o conteúdo, mas tenho uma dúvida um tanto quanto Jurídica. Com a LGPD, tivemos que por a questão de aceites de cookies dentro do site que mantenho. Esse cookies deveriam entrar tbm nesses aceites, ou no caso de dados menos invasivos, não há a necessidade?
Vou tirar um dúvida de noob Quando eu tenho vários usuários, e tenho por exemplo as informações de endereço telefone, seria staticprops ou serverside props?
A solução para poder usar o localStorage seria adicionar um script no _document para ele verificar o localStorage antes de renderizar a pagina, assim ele poderia atualizar as informações sem perder o SSR.
@@DevSoutinho Hm. Tem tbm uma lib chamada next-themes, que permite alterar atributos ou classes de elementos html de acordo com a preferencia do user (localStorage e prefers-color-scheme), e daí a ideia seria usar variaveis css que seriam reatribuídas de acordo com o atributo/classe antes da renderização no browser. Dessa forma, tbm funcionaria no SSG, mas é claro nn daria pra usar o localStorage em casos onde a gente nn depende de informações passadas pra elementos html...
Nao rola, no começo do vídeo da o erro e tal, pq ambas as funções rodam no "servidor" o staticProps em tempo de Dev e build, e o serverSideProps em Dev e prós
Só eu achei ele falando THEME idêntico ao Renan ensinando a falar THINGS ? th-cam.com/video/oo8iJFaK_yM/w-d-xo.html E aí soltinho, você assiste choque de cultura ? hahaha
Estou tendo esse erro em um componente de "carrinho de compras", onde apenas preciso persistir as informações do lado do cliente e mesmo usando o localStorage dentro de um useEffect não está funcionando, o que eu posso estar fazendo de errado?
![[LIVE] นาทีนี้ต้องพี่ทนาย | ทนายแก้ว vs ทนายไพศาล | #คุยให้เด็กมันฟัง EP.47 (02/11/67)](http://i.ytimg.com/vi/HmquaO-PL_M/mqdefault.jpg)
Cara, você salvou a minha saúde mental com essa saída do cookie. Estava há dias tentando fazer com que os dados fossem mantidos na minha aplicação depois do carregamento da página, mas o local storage, além de duplicar, zerava, mandava tudo pra casa do ca$%&lho. Muito obrigada mesmo!
Fico feliz em ajuda! 😍
@@DevSoutinho 🥰
Massa Mário: estava precisando exatamente disso! Valeu! 😄
Salvou!!!! Eu tava apanhando pra fazer o get no localstorage...kkkk
Rapaz, muito obrigado. Eu tava quebrando a cabeça com isso.
Tmj!!!
dev soutinhho salvando a cada dia... to passando um projetinho em JS puro para o next.js , cada video seu ajuda demais
cara, ajudou bastante.. sou estágiário e pediram pra fazer a migração do react pra netjs tô cortando um dobrado pra fazer isso mas tô conseguindo.. realmente o next mexe muito com back-end.. mas isso vai me permitir aprender mais sobre tudo que tá pro trás da confecção de um site. a parte ruim é que tenho que aprender muito mais.. mas que bom que tem vídeos como esse pra ajudar em algumaas coisas
Extremamente didático como sempre. Monstro!
Ver a empolgação do Mário com o que ele faz é sempre incrível e me inspira demais a continuar estudando pra um dia quem sabe ser tão foda quando ele.
Assistir a sua empolgação ensinando é extremamente contagiante! Curti o vídeo, como sempre mandando muuuito bem!
Que vídeo incrível Márioooo
Parabéns pela inspiração do canal, sem dúvidas uma grande ajuda pra comunidade e para o MUNDO
7:24 Vc acabou respondendo uma dúvida minha "sem querer", eu me perguntava o motivo de não conseguir usar o nookies dentro do getStaticProps, eu sabia que era pelo fato do contexto dele não ter a propriedade req que tem no getServerSideProps, mas não sabia o motivo de não ter, agora faz todo sentido
Eu amo esse canal. Muito obrigado, Mário!
Lembro que quando esse vídeo saiu, eu assisti mas como não precisei usar naquele momento, eu assisti e só pensei "hm, tá né", mas hoje que precisei usar, lembrei e vim aqui na hora, e olha, sensacional
Porra, quebrei muito a cabeca com isso e aprendi agora. hahaha valeu!
Sugestão de tema de vídeo, poderia mostrar alternativas de hospedagem gratuita para fazer portifólio, conheço só heroko, não sei se existe outros
Olá antônio, tudo bem?
Se você precisa de apenas um site estático (que não tem backend, conexão direta com banco, etc), dá pra usar o GitHub Pages, o Surge.sh ou o Netlify.
Se você está usando next.js a hospedagem da vercel é bem interessante, o Soutinho já fez vídeo aqui no canal sobre. Dá até pra fazer umas coisas com backend.
Pra backend só conhecço o Heroku também.
Excelente vídeo e informação, tu és o cara.
Muito show o conteúdo, sempre no 220v ... 👊🏽👊🏽👊🏽👊🏽
brabo, mais um inscrito hehe
ue, entao pelo que entendi o servidor recebe os cookies do usuario e faz o build já com as preferencias dele.
Mas isso só funciona quando o site é SSR sem cache, né, pq se gerar um site estatico ele vai salvar em arquivo estatico o que o primeiro acesso entregar (?) dai todos usuarios acessando aquele cache, iriam ter a msm preferencia
Quando vc usa o SSR o site gera básico considerando o default e muda via serve se tem algum update.
Se for estático, muda na tela, o que pode ocasionar um flickering
@@DevSoutinho nao entendi bem a parte do "site gera básico"
e se eu não usar cookies e usar o useEffect(), isso causaria flickering para dark mode?
Foi mal seria gera estático *** escrevi errado hahahaa
Provavelmente causaria flickering ao menos que vc defina os valores com as variáveis do css, pelos meus testes
@@DevSoutinho show obrigado pela atenção!
Conteúdo massa irmão. Obrigado!
Faz um vídeo sobre o Zustand a alternativa do Redux
Mto massa, parabéns pelo conteúdo
Em questão de autenticação com jwt por exemplo com api externa fica muito chato de gerenciar sessões e etc, eu costumo usar um HOC que faz o gerenciamento de rotas privadas
Perfeito! A ideia do vídeo é mais mostrar uma base, mas o Hoc é o ideal pra próximo passo aplicando no dia a dia
Surgiu uma dúvida, a questão do fim dos cookies anunciada pelo Google. Já tem como contarmos com outra solução?
Vai acaba os third party cookies. Mas os locais ainda vão funcionar, se não ia wuebrar a internet hahahah
Show de bola! Mas fiquei com uma dúvida... Como o servidor sabe ou armazena a preferência de cada usuário?
ok, mas como eu faço pra pegar os cookies dentro de um componente que não é uma página? por questão de modularização
Só chamar o nookie direto no componente
Muito obrigado por esse vídeo. Acho que ajudaria muita gente se você também desse a dica de como fazer para remover ou limpar um cookie em nextjs sem quebrar a aplicação, considerando que a 'nookies.destroy' pede o contexto como primeiro parâmetro e não funciona direito sem receber. Eu em particular, estou sofrendo demais pra resolver isso não encontrei até agora em documentação como fazer para passar esse contexto para o método. Agradeceria muito caso você pudesse dar essa dica. De qualquer forma, obrigado e sucesso pra você.
Fala Soutinho tem como você gravar um vídeo ensinando a configurar fontes locais no next js?
Vídeo top Mario, e o vídeo de como você faria o tema dark/light vai acontecer ?
Adiantando aqui porque tenho certeza que a gente vai usar isso no AluraKut…
hahahahha ligeirissimo!!!
Sabe um tema que você poderia tratar, NextJs + Redux + Typescript.
Fusca estacionado com sucesso!
Amigo, você acha tranquilo salvar no cookie o Token JWT? Se não, qual seria a alternativa para isso?
Token normal até vai, agora refresh token nao
@@DevSoutinho desculpa a ignorância, mas o que seria refresh token?
BRABO
Tmj!!!
Opa Mário Blz? eu estou tendo esse problema em uma aplicação que eu estou fazendo onde eu defino o local storage no reducer, tentei usar o user effect já que o reducer é feito em função e não em classe, devo usar então o método dos cookies?, e parabéns pelo vídeo
fazer isso com o useEffect não é uma boa alternativa?
Sim, mas ele não faz a nível de servidor
Mario, muito bom o conteúdo, mas tenho uma dúvida um tanto quanto Jurídica. Com a LGPD, tivemos que por a questão de aceites de cookies dentro do site que mantenho. Esse cookies deveriam entrar tbm nesses aceites, ou no caso de dados menos invasivos, não há a necessidade?
Em teoria não, pq vc nao ta salvando nenhum dado pessoal comprometedor da pessoa. Mas vale alinhar com o juridico da empresa :)
Freio de mão do Fusca, quem conhece, sabe..
Vou tirar um dúvida de noob
Quando eu tenho vários usuários, e tenho por exemplo as informações de endereço telefone, seria staticprops ou serverside props?
As informações são fixas até o usuário mudar, ou ainda adicionar um novo endereço, ele pode por exemplo ter mais de um endereço
Pelo amor de deus não salva isso em cookie!!!
Informações pessoais, o ideal é mandar mais requests pra pedir
O melhor youtube da história!!!! Obrigado mestre, um dia quero ser igual a você
Obrigado
Show, professor, vc tem algum curso pago ?
Tem uma forma de nao expirar os cookies?
A solução para poder usar o localStorage seria adicionar um script no _document para ele verificar o localStorage antes de renderizar a pagina, assim ele poderia atualizar as informações sem perder o SSR.
Mas aí vc deixa meio inconsistente se quiser saber a nível de servidor as coisas
@@DevSoutinho Hm. Tem tbm uma lib chamada next-themes, que permite alterar atributos ou classes de elementos html de acordo com a preferencia do user (localStorage e prefers-color-scheme), e daí a ideia seria usar variaveis css que seriam reatribuídas de acordo com o atributo/classe antes da renderização no browser. Dessa forma, tbm funcionaria no SSG, mas é claro nn daria pra usar o localStorage em casos onde a gente nn depende de informações passadas pra elementos html...
Amigo, como eu faço para ele verificar no _document?
serve para formulário?
Outra dúvida, se possível, quando eu uso setcookie, o site deveria, questionar ao usuário para que ele habilite o cookie!? Ou não?
Da uma procurada sobre LGPD, depende MT o tipo de cookie que vc tá usando
Muito bom ! :)
Não entendi só se no getstaticprops eu consigo acessar o localstorage
Nao rola, no começo do vídeo da o erro e tal, pq ambas as funções rodam no "servidor" o staticProps em tempo de Dev e build, e o serverSideProps em Dev e prós
Só eu achei ele falando THEME idêntico ao Renan ensinando a falar THINGS ?
th-cam.com/video/oo8iJFaK_yM/w-d-xo.html
E aí soltinho, você assiste choque de cultura ? hahaha
simplesmente a ELITE do entretenimento cultural Hahahahah
Muito bom!
Se eu passar na minha vaga eu te dou um beijo
sdahudahudasu o parabéns eu dou o beijo vou fica devendo
@@DevSoutinho kkkkkkkkkkkkkkkkkkkkkkkkkkkk
@@DevSoutinho passei
minha mae falou assim "como que ele sabe que ce tem um fusca?" kkkk
Eu fazia na tentativa e erro kkkkkkkkk, eu salvo alguns temas no local storage
dashuasdhudashudhuasuh manda no cookie que é sucesso, da pra mesclar as duas soluções e tal, mas no geral o cookie com expires vai funcionar melhor
Minha conclusão depois de 6 meses trabalhando com next js em produção ... Use angular
Estou tendo esse erro em um componente de "carrinho de compras", onde apenas preciso persistir as informações do lado do cliente e mesmo usando o localStorage dentro de um useEffect não está funcionando, o que eu posso estar fazendo de errado?