A Feature Mais Avançada de Aprender no Next.js (Você consegue?)
ฝัง
- เผยแพร่เมื่อ 18 ต.ค. 2024
- ✅ 𝗔𝗚𝗢𝗥𝗔 𝗘𝗨 𝗧𝗘𝗡𝗛𝗢 𝗨𝗠 𝗖𝗨𝗥𝗦𝗢 😍
▸ Olha que massa que ficou: curso.dev/
Ter o poder de programar uma página web é massa, mas é MUITO MAIS MASSA quando você consegue fazer isso com uma escala de milhões de páginas. Este vídeo é um tutorial que ensina como usar a feature que me vendeu de uma vez por todas o uso do framework Next.js... MAS se você trabalha com Desenvolvimento Web, você precisa entender como esse recurso funciona, indepentende de qual é a sua atual linguagem de programação ou framework web. Caso seja um desenvolvedor Backend, este tutorial vai lhe dar uma perspectiva de como usar uma infraestrutura com escala infinita para websites, e caso seja um programador Frontend, você vai aprender a dominar uma habilidade que vai te colocar na frente de vários outros programadores. E apesar da stack utilizada ser o NextJS como Framework Web, Node.js como tecnologia Backend, ReactJS como biblioteca Frontend e Vercel como hospedagem de site grátis, como eu falei no início, os conhecimentos deste vídeo poderão ser reutilizados para qualquer outra linguagem de programação, framework ou tecnologia. E sobre conhecimentos específicos ao Next JS, vamos revisar o getStaticProps, getServerSideProps, getStaticPaths e Incremental Static Generation.
✅ 𝗟𝗜𝗡𝗞𝗦 𝗖𝗜𝗧𝗔𝗗𝗢𝗦 𝗡𝗢 𝗩Í𝗗𝗘𝗢
▸ Vídeo com mais de 60 pontos de interação mostrando todo o meu raciocícino para conceber um projeto: • 👑 Bastidores #35 - REV...
✅ 𝗚𝗢𝗦𝗧𝗔 𝗗𝗘 𝗡𝗢𝗧𝗜𝗖𝗜𝗔𝗦 𝗦𝗢𝗕𝗥𝗘 𝗧𝗘𝗖𝗡𝗢𝗟𝗢𝗚𝗜𝗔?
▸ Então você vai pirar nisso: filipedeschamp...
✅ 𝗢𝗟𝗛𝗔 𝗤𝗨𝗘 𝗠𝗔𝗦𝗦𝗔!
▸ Se essas conversas aqui estão fazendo você perceber coisas diferentes no seu código, ou na sua profissão de desenvolvedor, considera se tornar um Membro da Turma. É muito massa porque dá pra ter uma conversa muito mais próxima e discutir coisas bem diferentes e super importantes do nosso dia a dia: www.youtube.co...
✅ 𝗢𝗦 𝗠𝗘𝗟𝗛𝗢𝗥𝗘𝗦 𝗩𝗜𝗗𝗘𝗢𝗦 𝗗𝗢 𝗖𝗔𝗡𝗔𝗟
▸ Preguiça: Descobri Como Consertar o Meu Maior Problema
• Descobri Como Conserta...
▸ 3 Técnicas Que Eu Uso Para Aprender a Programar Qualquer Coisa
• 3 Técnicas Que Eu Uso ...
▸ S.O.L.I.D. fica FÁCIL com Essas Ilustrações
• SOLID fica FÁCIL com E...
▸ Eu fiz um dos melhores cursos de Programação do Mundo!
• Eu fiz um dos melhores...
▸ Desafio: 10 projetos rápidos para treinar Programação e conseguir um Emprego
• Desafio: 10 projetos r...
![Como Eu Programo e Hospedo Sites da Forma Mais Moderna que Existe [GUIA DEFINITIVO]](http://i.ytimg.com/vi/EW7m2WIvFgQ/mqdefault.jpg)
![Como Eu Programo e Hospedo Sites da Forma Mais Moderna que Existe [GUIA DEFINITIVO]](/img/tr.png)
*PERA!!!!!* - Antes de ler os comentários, olha que *massinha* que ficou meu *Curso de Programação* curso.dev To muito orgulhoso, sério 💪 💪 💪
Se não fosse esse canal nem saberia que o nextjs existe. Muito obrigado!
Show meu caro, vamo pra cima 🤝 👍
Dale Lorenzo! Bom te ver aqui, colega.
Olha, eu já vivi muita coisa nesse mundo de T.I. (de análise funcional, a infra e DevOps e desenvolvimento backend), mas o NextJS é muito mind blowing.
Totaaaal!! É uma abstração impressionante 👍
Didática sensacional... Vou colocar pro meu filho de 3 anos assistir HAHAHAHA... Parabéns e obrigado!
Meu.... A didatica do Felipe chega a ser perfeita. Sério, onde acho um curso completo de stack JS com esse cara? kkkkkkk
Aqui: curso.dev 😍
O video ficou muito bom e gostaria de adicionar mais um ponto.
No minuto 12:35 é citado: "getStaticProps que serve para pegar as props somente no processo de build para gerar uma página estática".
Também é possível atualizar as props/dados após o build, basta add uma prop chamada revalidate e será possível atualizar os dados a cada determinada quantia de tempo sem gerar um novo build. Isso diferencia SSG de ISR.
ASSISTAM ESSE VÍDEO, MESMO SE FOR UM INICIANTE!
Comecei a aprender React e Next.js no início do ano e passei por esse vídeo. Pausei ele e deixei aberto no navegador até hoje, porque se tratava de uma funcionalidade avançada. Nesse período, esqueci de terminar o vídeo e tive que aprender getStaticProps e getServerSideProps na unha (além de uma infinidade de coisas que eu nunca imaginei que aprenderia em 2 meses, entre elas, o próprio JS).
Hoje eu resolvi dar uma olhada nas funcionalidades que o vídeo traria. Moral: eu deveria ter assistido esse vídeo logo de cara. Me salvaria bem uns 3 dias de pesquisa e testes.
psee estudo js puro a um tempo e pretendia aprender react mas depois de ver o primeiro vídeo dessa playlist pulei o react e fui direto pro nextjs e cara em 4 dias tive uma evolução exponencialmente enorme nem sei oq seria de min sem esses vídeos.
Eu não estava conseguindo entender 100% de como utilizar isso em meu projeto, mas com a tua didática já está tudo implementado e funcionando. TE AMO! kk
hahahah showwwwww 😍 😍 😍 😍 😍 detona!!
Filipe, minha filha nasceu! Não estou com tempo pra nada esses dias, mas consegui assistir o vídeo em 2x :D Abraço.....
QUE MASSAAAAA DOUGLASSSSSS 😍😍😍😍parabéns meu caroooooo!! Um abração pra toda família 🤝 🤝 🤝 🤝
@@FilipeDeschamps Obrigado. Nesses primeiros dias a gente passa por um turbilhão de emoções. Logo você vai passar por isso. Abração.....
To na mesma situação haah
@PROGRAMAÇÃO DESCOMPLICADA Obrigado...
@Marcos Valeu Marcos....
Passando aqui nos comentário só dizer MUITO OBRIGADO para você Filipe Deschamps, seu conteúdo é incrível. Muito do que foi mostrando no vídeo eu já sabia, mas DE LONGE foi muito melhor explicado do que onde aprendi antes. Um grande abraço e tudo de bom pra ti cara!
Que massaaaaa meu caro, muito obrigado por deixar esse comentário 😍 😍 😍 😍 e de fato é sempre bom consolidar o conhecimento com explicações vindas de outros ângulos 🤝
Cara você é mto didatico e tem um conteudo fenomenal, faz um curso completo em alguma plataforma sobre web development, iria ser mto bom. se fizer já tem 1 assinante.
Next.js é muito massaaa! 🤩 Mas tão massa quanto ele é a didática do Filipe! Muito show, mandou bem demais! 👏🏻👏🏻👏🏻
Valeuuuu 😍
Eu passei os últimos dois meses brincando com mongo express react node blablabla para fechar projeto e atualizar conhecimento. Vim dos LAMP, mas deixei fullstack como hobby para me especializar em design de interação/ux, no que trampei os últimos 12 anos. To atualizando o conhecimento dev agora. Quando conheci o next, fiquei apaixonado! ahhaah a organização ajuda muito, e a sacada das rotas e páginas dinâmicas, assim de mão beijada, é um sossego na alma. Tava na dúvida se seria útil aqui, o vídeo ajudou a ver que sim.
Showwwww Juliano 😍 vamos trocar conhecimento 🤝 👍
caraaaaaca, isso foi muito mind blow!! e tou muito feliz por chegar no fim sem ficar boiando, EU ENTENDI MESMO!!
ai, vídeo do filipe às segundas é tudo de bom, parece que minha semana vai ser incŕivel kkkkkk
Que massaaaaa Henrique, parabéns meu caro 😍 😍 😍 😍 😍
Caramba. Sensacional . Por isso apoio esse canal. É simplesmente incrível.
Valeuuuuuuu Misael 😍😍😍😍😍
To ficando velho, caramba na minha época tinha que ficar configurando o APACHE para aceitar clean URLs. Como fica simples utilizando o Next.js
Simmmmmmmm 😂 apache2.conf bombando na sua timeline 😂 😂 😂
@@FilipeDeschamps hahaha!!
É por isso que eu pulo as propagandas de cursos do TH-cam de como aprender a programar! Kkkk
O Felipe da aula de Nível MBA de Graça, Man! Vlw
Hahahahaha shoooww valeu 😍
Dicas de ouro, estava quebrando a cabeça para conseguir resolver um problema e caiu como uma luva!
Muuuito bom!!!!
Eu vi o next js esses dias no goStack da rocketseat e fiquei hypado KKKKKK, muito bom muito bom mesmo!!!!
hahhhahah showww 😍
Já chego descendo a voadora no peito do like! Deschamps seus vídeos são uma obra prima de conhecimento e didática.
Valeuuuu Rafa 😍 😍 😍 boa semana 👍
Depois deste conhecimento delicinha, pular para os vídeos do canal da Renata! Showw!
hhahahahah show 😂 👍
gosto muito da tua didática Filipe. Prova muito o teu potencial!!
Muito obrigado Yurken 🤝 👍
Caramba, Deschamps! Essa playlist tá maravilhosa aushuahsus
Esse vídeo mesmo... matou a pau, que demais cara!!
Todo vídeo teu me dá ainda mais vontade de programar e continuar nessa área. Parabéns DEMAIS pelo trabalho
Que massaaaa Ian!! Parabéns pelo primeiro empregoooooo 😍😍😍
Cara a forma que tu explica é fantastica !!!! Incrivel !
Valeuuu Matheus 😍 🤝 👍
1) Essa foi a feature que fez eu decidir seguir esse novo path (puts, que piada ruim).
2) Depois de assistir esse vídeo - com essa didática FODA - vi que valeu a pena ler toda a documentação do Next.js (:
3) Pronunciar "path" é chato haha
4) Vídeo excelente, como sempre!
5) Filipe, monta um curso foda de Next.js com essa sua didática, seria da hora!
Um abraço!
ahhaha valeuuuuu Lucas 😍
Eu sou apenas um iniciante... ainda estou estudando javascript... Quando vejo esses vídeos, percebo o quanto o caminho é longo.
Não desista meu amigo, o caminho é longo mas o que conta é a aventura
Passando só deixar aquele like e dizer como sempre que esse é mais um vídeo incrível.
Valeuuu Wanderson 😍 😍 😍 😍
cara, você é sensacional. estava buscando algo que eu não conheço para estudar e me interessei muito pelo Next.js depois desse vídeo!
Filipe, eu já conheço o Next.js, mas devo confessar que esse seu tutorial ficou fantástico. Você conseguiu resumir muita coisa em um vídeo curto. Continue assim e ganhará mais um membro para incentivar seu trabalho. Parabéns!
Eu, que nunca fui web dev, tenho um projeto pessoal pra até o final do ano refazer o meu site abandonado (na época fiz usando um site builder) e a minha ideia era postar projetos de eletrônica que eu fazia usando microcontroladores. Meu conhecimento com front eh quase nulo, mas qdo vi o primeiro vídeo sobre o NextJS decidi que esse seria o framework que eu usaria. Estou sempre no aguardo de vídeos novos sobre o assunto pra ter insights :) eles estão me ajudando muito, obrigado
Que massaaa 😍 detona Gabriel e vamos trocando conhecimentos 👍
Felipe, tenho de acompanhado vai fazer 1 ano. Mas sempre fiquei apenas corujando (gíria de rádio amador, só observa e não interage), tem vídeos que já assisti umas 10 vz, para ver se entra na cachola...
Que delícinha seus vídeos, sua didática e principalmente, sempre forçando pontos fora do ambiente comum, forçando que sair da zona de conforto e expandindo conhecimentos e por consequência o cérebro.
O mais difícil é isso, sair da zona de conforto. Programo (aff faço umas brincadeiras básicas) em PHP e estou mudando para o node.js, por conta de performance e pelos seus vídeos que me cativaram. Parabéns!!!
Aí vem a pergunta.. tem algum CMS vc aconselha para o NODEJS? E.. os que andei olhando são headless e qual seria o ideal de front-end?
Showww José 😍 muito obrigado pelo comentário! E sugiro dar uma olhada no Ghost, ele é muito legal 👍
Ajudou a consolidar alguns conhecimentos que tenho sobre o Nextjs... Obrigado
Conteúdo de qualidade, vi várias vezes até conseguir de fato comparar com outras frameworks, como Nuxtjs. Consegui ficar colado na tela como se fosse um filme de suspense a espera da solução final :D. Estou muito inclinado a fazer o meu projeto com essa tecnologia juntamente com um CMS handless como o Strapi para facilitar a atualização de conteúdo estático, porém tenho mais conhecimento em vuejs ou angular, mas não estou a deixar de acompanhar a série, realmente o conceito é muito interessante.
hahahahahha showww xará 😍 o Strapi ta bastante popular 👍
Caramba que vídeo massa, Dechamps sempre mitando nos conteúdos haha.....
Que explicação massa Filipe!! Só senti falta da explicação do Revalidate pra mostrar o ISR! Que também é outra solução incrível que Next trás, mesmo assim muito obrigado pelo conteúdo!!
Showw Brunão, muito bem colocado! Não destaquei nesse vídeo o revalidate, pois estava coberto aqui nesse vídeo: th-cam.com/video/IyRUn0GocEc/w-d-xo.html mas de fato eu poderia ter feito uma ressalva 😍 acho que depois vou colocar como comentário pinado 🤝 👍
Isso tudo é muito incrível! Dá vontade de sair programando tudo q vem na cabeça! Kkkk.... valeu Filipe!
hahahahahah exato 😂 😍
Essa demonstração de NextJS foi exatamente que eu precisava para um simples projeto onde eu tinha mais dificuldade usando apenas react. Já estou fazendo minhas pesquisas mas se vc tiver algum livro pra indicar... Next.Js eh super!
N sabia q o Next.js era tão potente. Amo Next.js, vou colocar esses conhecimentos nos meus próximos projetos.
Fiquei bem inspirado com a série de vídeos e agora estou criando um Painel da Covid-19 no Brasil como forma de aprendizado, pegando dados de APIs públicas e usando Next.js e Vercel. Ainda não subi lá, mas o projeto tá ficando muito bacana e estou aprendendo muito! Espero logo poder compartilhar com todos. Obrigado pelos excelentes vídeos.
Rapaz, nunca programei nada, não entendo nada do assunto. Mais a forma que você explica, e passa o conteudo é de prender a atenção e nos faz ficar ate o final do Vídeo.
Ótimo conteúdo.
Que massaaaa, valeu 😍
Você é monstrão mesmo.
Só este vídeo, isoladamente, já é um curso completo de atualização para NextJs. Porque o cidadão já vê que o framework "imprime" o texto no arquivo, e, logo, a marcação HTML.
Consegui me atualizar em git e já tou manjando de next só com teu vídeos.
Você deveria ser declarado patrimônio intelectual da humanidade.
E digo mais: só este vídeo já bate toda a semana da Allura.
Vercel deveria te recompensar.
Valeuuuuu por esse comentário Sisenando 🤝 👍
Ano novo e eu aqui, vendo o que há de melhor no TH-cam: seu canal.
Trabalhando basicamente com aplicação desktop e estudando web 'por fora' muita coisa do canal era meio alienígena pra mim. Muito legal rever os vídeos do canal e observar conteúdos que eu não entendia nada se tornarem elementares com o passar dos meses.
Meu passatempo preferido é rever os vídeos do Filipe Deschamps. Parece que fica cada melhor cada vez que eu volto
Execelente, Filipe!!! Foi direto no ponto que eu mais precisava conhecer! Show! obrigado!
Canal legal! Mesmo não entendo de programação, gosto de ver a escrita e lógica da coisa.
Video top Filipe, Next.js ainda, assunto delicinha.
hahahah massaaa 😍
Cara que didática incrível! Valeu Deschamps :)
fala Filipe! belesma? como pode isso eu vejo e revejo os videos e aprendo e reaprendo toda vez que assisto, que diádica incrível, parabéns pelo conteudo e obrigado.
Sensacional seu conteúdo Filipe! Obrigado!
Ah cara meu deus que video maravilhoso, chega o olho chega lacrimeja hahahaha
Ei Filipe, queria deixar uma sugestão pra próxima série.
Vi pela sua newsletter que a Google esta desencorajando o uso de Natives e indicando o uso de PWA em alguns contextos.
Como essa é uma tecnologia absurdamente fácil de aprender e aplicar e, resolve também grandes problemas, tendo até cases de sucesso em multinacionais gigantescas. Pensei que talvez seria uma boa trazer esse conteúdo pra cá, pois tem muito a cara da turma.
Sei lá, estou estudando e adoraria ver você compartilhando esse conteúdo com a turma também.
Um abraço. 🤗
Muito top, como sempre a didática ajuda muito... Quando vai ter uma implementação usando algum banco de dados?
Raí, show, ótima pergunta! Vai ter na playlist sobre aquele novo projeto, o TabNews 👍
@@FilipeDeschamps sensacional, aguardando ansiosamente.
Gente!!! O Filipe ta produzindo tanto que eu to ficando pra trás! Vou ter que fazer um FILIFLIX esse final de semana pra conseguir assistir tudo! Hahaha
ahhahahahah show, detona 😂
Primeiramente gostaria de parabenizar o canal, que é simplesmente espetacular. Segundo galera eu trabalho com software ERP há mais de 10 anos. Ele utiliza uma linguagem proprietária mas estou com dificuldades no trabalho e queria muito expandir meus conhecimentos, a melhor linguagem hoje em termos de conseguir empregos seria o Javascript?
Valeu.
Eu sou bem iniciante em programação
Então no geral não consegui entender quase nada... Mas a única coisa que eu entendi,eu não sabia antes
Então eu aprendi algo novo :D
Não trabalho mais como front/back, mas a sua explicação é muito boa sempre, me fez entender sem dificuldade!
Show 😍
Legal essas features, inclusive pq na empresa onde eu trabalho eu junto com outro BR, aqui na Alemanha, migramos o projeto que era só em React no cliente side e que matava o SEO, nos utilizamos essas features desde quando ainda era experimental hahaha. O grande problema de quando se tem milhares de páginas/paths é a sua estratégia de caching, pq vc vai precisar extrair/saber quais são as suas páginas “chaves” para serem geradas em processo de build e deixar as outras para serem renderizadas quando o primeiro usuário acessar uma página que ainda não foi gerada, para contornar isso, podemos ter alguma estratégia de crawling só pra ir aumentando esse cache de páginas estáticas ou por exemplo, usar o nginx como um cache e só usar o SSR que é getServerSideProps.
Que animal!!!! Muito top!!!!
E o swr? Também não faz algo parecido cacheado e atualizando só que foi atualizado?
faça mais vídeos sobre nextjs, faz algo tipo crud com paginacao pra entendermos os conceitos
Cara, estou louco pra começar a por em prática todo esse conhecimento, Next.js está matando a pau. Já estou até evangelizando pra um amigo que ainda usa páginas geradas manualmente...
Delicinha de mais... I❤️Next
hahahhha show 😍
Opaaa... sempre trazendo da forma mais simples possivel as informações, se pá já vou usar next.js para desenvolver o Blog do meu site vlwww....
Valeuuuuuu 😍
Seus vídeos são sensacionais! Obrigado por compartilhar o seu conhecimento.
Valeuuuuu 👍
Como sempre mandando muito bem nos vídeos, parabéns pelo material, pela didática e pelo amor que você faz os vídeos!!!
Vídeo maravilhoso Filipe, eu to amando o nextjs, estou trabalhando num ecommerce na minha empresa utilizando ele e tá incrível.
Eu só estou preocupado com o revalidate que estou usando no getStaticProps, espero que ele aguente muitas requests e muitas páginas kkkkk
Showwww 😍 então, o revalidate é tranquilo, dado que quem precisa aguentar a pancada são as páginas estáticas 👍 e caso seu servidor não estiver disponível no momento do revalidate, ele vai ficar tentando até conseguir 👍
Caaaraca mestre, que vídeo sensacional!! ♥️🚀
Next é muito delicinha! 😱😍
hahahahah sim 😍 é bizarro!!! To louco pra aplicar tudo isso num projeto em escala 🤝
Muito bom o conteúdo. Assisti tudo e tenho me identificado muito com o canal. Parabéns pela sua dedicação e pela qualidade do material meu amigo! =)
impressionado completamente!
Amei era exatamente o que eu estava procurando neste exato momento haha.
20:40 Nunca pensei que alguém ficaria tão animado com um atraso kkk
hahahahahahah 😂
Filipe, faz um vídeo falando sobre as 3 trilhas da rocketseat e qual a melhor opção para o que cada programador está querendo
Se tem NextJS, tem like.
hhhahhahaha show 😍
Haja like, de cada 10 conteúdos sobre linguagens 8 citam nextjs
Tenho um protótipo de cryptomoeda realmente REVOLUCIONÁRIO ( fará o bitcoin e o dólar virarem moeda de banco imobiliário kkkkk).presiso de programadores e marketing avançado para o grupo. Interessados deixe o whats nesse comentário.
Nextjs e vida, parabéns pela sua explicação acabei de apeder.
caramba teló, que vídeo incrível(padrão teu né). To usando esse mesmo código na construção do meu blog e apanhei bastante para coseguir. Se eu soubesse que tu ia fazer um vídeo sobre isso heuhehuehue. Vou até virar membro depois de um vídeo desse.
hahahahah showwwww Pedrooooo 😍
Parabéns Filipe, como sempre trazendo conteudo de moderno e de qualidade pra gente. Você que é massa cara!
Valeuuuuu Carlos 😍
Filipe meu caro, parabéns, mesmo ainda sendo iniciante nas artimanhas do React, confesso que tem sido empolgante poder acompanhar os vídeos do Next.js. Tanto que na faculdade estou encarando uma disciplina de dev web e vou utilizar next.js e hospedar na vercel, mesmo sem saber muito. Mas seus vídeos tem me dado a curiosidade necessária. Queria no entanto saber se pode me indicar por onde aprender React e node e integrar com um bd. Desculpa o texto grande e valeu!!!
Que massa Christian!!! Sobre integrar com banco de dados, você geralmente nunca vai fazer isso com React. Por ele você deve se conectar em uma API, que no caso pode ser feita em Node.js, e ele vai se conectar com um banco. Por hora eu não tenho nenhum material para indicar, mas quero trazer para o canal em breve 👍
Filipe como sempre matando a pau! 🤗🤗
Vídeo delicinha! 👌🏻😁
Valeuuu Jailson 😍
Felipe parabéns seus vídeos são fantásticos, de altissima qualidade. Estou iniciando os estudos de next.js, mas, esse assunto de cache e página estática ainda buga minha cabeça kkkk, eu fiquei com uma dúvida, pode ser uma coisa que vc já explicou mas não ficou muito claro para mim, caso a página dinâmica seja um formulário de usuários por exemplo, e as informações desse form sejam alteradas após o deploy, depois que carregou o cache de produção, quais informações esse formulário vai trazer quando eu acessar a rota exemplo: ( user/1 ) em produção, a que está no cache ou a que está no banco ou api?
Incrível como sempre, parabéns FIlipe
Putzzz muito bom, vc devia lançar cursos do NextJS, baseado nessa ideia eu consigo puxar os posts de um blog wordpress?
Filipe, parabéns visse pelo canal e pelos vídeos não, pelas aulas que vc nos passa, sucesso e continue assim guerreiro, Deus sempre abençoa, uma dúvida, esses grandes jogos como free fire por exemplo que tem 15 servidores ao redor do mundo, eu estando no Brasil, só irei jogar com jogadores brasileiros e sul-americanos??? Ou poderei jogar com qualquer jogador ao redor do mundo pois os servidores são todos interligados??? E caso não sejam interligados, existe alguma forma de você ter vários servidores ao redor do planeta e todos serem interligados para que jogadores do Brasil possam enfrentar jogadores na nova Zelândia q fica na Oceania por exemplo??? Te perguntei no vídeo mais antigo, mas n obtive retorno, mandei nesse visse. Aguardando retorno e muito obrigado pela sua atenção... Forte abraço...
Que demais isso Deschamps! Muito massa mesmo.
Sensacional!!! Logo teremos algo sobre NestJS?
Show Murillo!!! Não pretendo usar no curto prazo, mas vejo muita gente falando bem 🤝 👍
Muito delicinha esse vídeo... Como todos os outros kkk abraço meu velho
Valeuuuu Carlossss 😍
Tem um problema: se a página gerada dinamicamente e salva estaticamente for dependente de alguma fonte de dados, como uma linha de uma tabela em um banco de dados, você precisa garantir que o cliente não vai ficar navegando em uma página “velha” quando aquela linha do banco de dados for atualizada.
Uma possível solução é criar um método na página, na engine do next ou mesmo uma trigger no banco de dados, que apaga o arquivo estático assim que os dados de referência forem atualizados.
Rapaz você está criando um monstro em rsrs começando a pensar na hipótese de estudar programação.
Eita porra, essas mudanças são do caralho, mas explode a cabeça também, meu deus é muita coisa.
Top demais Felipe, queria ver esse projeto.
Eu largo o like antes mesmo de ver o vídeo.
Estou começando a gostar de React por conta dos seus vídeos. Parabéns pelo ótimo trabalho
Valeuuuuu xará 😍
Muito bom Filipe! Obrigado!
Caramba, nem sou usuário de next.js mas que vídeo delicinha.
Aaah - você que é massa brow! 😎
Valeuuu por ficar até no último segundo Marcos 😍
Muito interessante. Obrigada, Filipe!
Valeuuu Eliana 🤝 👍
Não sei se eu deixei passar no vídeo ou não, mas a página estática fica em cache por quanto tempo?
Tentando explicar através do exemplo do vídeo:
- Na primeira vez o produto custava R$ 89,90
- Dois dias depois ele entrou em promoção por R$ 74,90.
A página que o Next vai devolver é a de R$ 89,90? Se for a página de R$74,90, onde configura o "maxage" do cache?
Excelente pergunta Allan! Página fica em cache de forma indeterminada, e você pode usar a propriedade "revalidate" para ficar atualizando o cache. Mas cuidado, mesmo com o revalidade, ele vai retornar o que está em cache até que o cache seja atualizado. Caso você queira garantir que essa informação sempre seja a mais atualizada possível, sugiro puxar o dado no client-side por uma API. Então você rapidamente entrega o que conseguir pela página estática, e em seguida já puxa dados mais sensíveis pela api 👍
Filipe, como funcionaria quando precisa de continuar a rota após a rota de parametro dinamico? Exemplo: 'usuarios/2/pedidos'
Excelente pergunta Lucas, você pode continuar concatenando repositórios, por exemplo /usuarios/[userid]/pedidos/[orderid] e tudo isso você consegue puxar no context 👍
Inclusive, o colchetes não funciona só em arquivos, pode ser colocado no nome da pasta tbm, se você criar um arquivo em "/[p1]/[p2]/index.js", você consegue pegar os dois parâmetros ( p1 e p2 ) dentro do context.params do index.js
Eu queria dar uma sugestão para um video, ainda falando do Next.Js queria ver algo sobre o deploy na Google Cloud Run e também sobre o armazenamento de Context's, por exemplo hoje minha aplicação ao dar refresh na página, os dados contidos no Context, somem... pesquisei sobre e vi que existe estrategias de solução, porem o Michel Telo da programação é mais legal kkk
Que fantástico, tou tentando montar um projeto web, tipo uma intranet pro rh da empresa que trbalho, pode significa minha promoção pra programador então tou estudando muuuito
eu tenho mania de não largar o osso do Vue, mas essa playlist ta me fazendo querer experimentar
ahahaha show!! 🤝 tem sempre o Nuxt nesse caso 🤝
Não largue
Cara, comigo também! eu não consigo largar do vue, é uma relação de amor e ódio
Eu ia falar isso, tudo o que o @Filipe Deschamps falou se aplica ao Nuxt tbm
Minha primeira paixão voi no Vue.js tbm, mas tô me aventurando no React pra depois voltar pro meu primeiro amor! Kkkk
Ótima explanação, obrigado pelo vídeo 😃
videos excelentes! mto obrigado por produzi-los
fiquei curioso sobre como as paginas do next.js funcionariam quando dependem de dados de sessão, por exemplo quando o mesmo produto/id/path pode ter preços/propriedades diferentes para cada usuário. Nesses casos perderia performance?
abs
Melhor explicação possível!
Valeuuuu Andaaaa 😍