TUDO que você precisa saber do Next 13 (isso muda tudo)
► QUIZ SOBRE REACT (TESTE SEUS CONHECIMENTOS): rseat.in/oD4cpd3Vc
► MASTERCLASS GRATUITA DE REACT (DO ZERO!): rseat.in/c7zXSUfNg
-----
O framework mais utilizado no ecossistema JavaScript ganhou uma nova versão!
Apesar de ainda ser uma atualização experimental, chegou a hora de mergulhar no Next 13.
Muita coisa vai mudar daqui pra frente com o Next 13, inclusive como as principais APIs vão funcionar.
Por isso preparamos esse vídeo que reúne tudo que você precisa saber para dar os próximos passos nesse ecossistema.
-----
00:00:00 - Introdução
00:02:00 - Hidratação parcial
00:07:12 - Criando projeto Next.js 13
00:11:33 - Novo diretório app
00:14:05 - Layouts
00:18:02 - Omitindo parte da rota
00:18:50 - Outros arquivos da pasta app
00:23:20 - Rotas dinâmicas
00:25:50 - Fetch de dados nas páginas
00:31:20 - Revalidação e cache
00:34:40 - Evitando request waterfall
00:36:50 - Fetch de dados nos componentes
00:40:10 - Paralelismo de fetch de dados
00:41:20 - Deduplicação de requisições
00:44:40 - Acessando cookies e headers
00:47:00 - Utilizando Suspense API
00:50:05 - Streaming SSR
00:52:10 - Roteamento no Next.js
00:54:00 - Cache das rotas em memória
00:57:30 - Prefetch de páginas
00:59:50 - Client-side components
01:04:20 - Trabalhando com SEO
01:08:30 - Encerramento do vídeo
-----
Conecte-se a 500mil devs e avance para o próximo nível com a nossa plataforma: rocketseat.com.br/
Cadastre-se na nossa plataforma: app.rocketseat.com.br/signup
Junte-se a mais de 392mil devs em nossa comunidade no Discord: / discord
Acompanhe a Rocketseat nas redes sociais:
Twitter: @rocketseat
Facebook: @rocketseat
Instagram: @rocketseat
Пікірлер: 325
Incrível a qualidade dos vídeos da Rocket, nunca decepcionam! Por favor, traz um vídeo aprofundado sobre Streaming SSR
@Vitor-gf5lz
Жыл бұрын
Apoiado
@thiagodiniz8224
Жыл бұрын
FIco feliz que ele ainda faça os videos mesmo depois da empresa ter sido comprada.
@Fenderoutside
Жыл бұрын
@@thiagodiniz8224 Disso não sabia..
@spartakinho
Жыл бұрын
@@Fenderoutside nem eu..
@Nuggets.346
9 ай бұрын
@@Vitor-gf5lzeu 2😅😊xx😊111😊
Fala Diegão, no minuto 59:24 o prefetch não funcionou, mas no guia deles (você estava na página e passou o mouse em cima) fala que é bom saber que o prefetch só funciona em produção
Perfeito ! 🤩 Só no aguardo pelos próximos vídeos !
Obrigado Diego! Mais uma vez vídeo top demais 🤘🏽
Obrigado por sempre nos atualizar! 🎉
Massa demais! Conteúdo, como sempre, de primeira linha. Parabéns!
Impressionante a qualidade deste conteúdo, parabens Diego!! Ficou muito top ! Obrigado.
Show !! Parabéns pelo conteúdo de qualidade e que agrega conhecimento para todos que assistiram o video.
Parabéns Diego, conteúdo incrível, aguardo o vídeo sobre Streaming SSR
Mto top Diegão, os exemplos ficaram muito claros !!
Conteudo Fera! Parabéns!!! 👏👏👏🚀🚀🚀
Obrigado pelo vídeo, Diegão. Sensacional!
Essa didática e conteúdo vale mais que ouro.. Parabéns Diego pela qualidade e empolgação
Valeu Diego, foi incrível, vc realmente tá a frente de todos, parabéns.
Que massa Diego!!! Show demais, fazia tempo que não via as features do Next, gostei demais!
Valeu pelo conteúdo, Diegão. Muito fod* !!
Sensacional!!! Parabéns pelo conteúdo, muito organizado, muito bem explicado.. show!!!😃
Muito feliz em ver como vc tem evoluído, Diego! Sou aluno ignite, no início, por conta de neurodivergências, acabei comprando outro curso para aprender react, pq por vídeo aula não estava conseguindo fixar conteúdo, mas hoje em dia, to adorando ver os conteúdos bem mais fragmentados em componentes menores! 2023 Vai ser um ótimo ano pra gente, pra rocketseat, pro nextjs! Estou ansioso!
Obrigado Diego! Muito massa. React com SSR é o futuro.
Muito bem explicado! Obrigado pelo conteúdo! Abraços!
Excelente o vídeo, muito obrigada! 😊
Excelente! Esse vídeo ficou muito massa. Pode mandar mais conteúdo do NextJS que é sempre muito enriquecedor. Obrigado!
Sensacional o conteúdo. Obrigado por compartilhar
Que conteúdo incrível, SUPER rico em informações A didática do Diego é excelente Parabéns rocketseat por disponibilizar conteúdos tão ricos 💜💜💜💜
Diego, tu é um herói. Esse vídeo saiu na hora exata que eu precisava. Estou comendo um aplicação para NextJS e estudando o conceito de incremental static rendering (ISR). Valeu mesmo!
Estou pra participar de um grande projeto com Next JS e pqp, seus videos estão me ajudando muito, dá até uma motivação. Vlw Diegão
Padrão Rocketseat!💜 => Diego explica com prazer, facilita demais a compreensão! Monstro 🚀
Parabéns, miúdo. Excelente vídeo. Bom trabalho!
Show de bola este conteúdo!
Conteudo muito bom. Tirou as duvidas todas. Valeu...
Diego é fera demais! Conteúdo de altíssimo nível e qualidade.
Carai, foda mesmo, valeu por todas informações do vídeo, do início ao fim! Só faltou disponibilizar o repo de exemplo pra gente haha
Excelente vídeo, no aguardo agora pelo vídeo de SSR Streaming 🚀
Muito bom, parabéns. Ajudou muito no entendimento.
Muito bom obrigado pela excelente aula
Estou fazendo a trilha de React de 2021 do Ignite com a introdução do Next v10 e é bem diferente. Esse vídeo me salvou muito pra conseguir adaptar tudo e continuar o projeto proposto.
Estou usando next há algum tempo, com essas rotas novas me compliquei um pouco, esse vídeo me salvou. Mudou muita coisa
Aprendi pacarai! Mta coisa bacana, sou novo em next apesar de ja ter XP em React. Obrigado!
Que aula hein!!! muito top!!!
Obrigado Diego, conteúdo muito top!
tava ansioso por esse
Aula fantástica!!! 👏👏👏
Muito bom esse vídeo, esclareceu muitas dúvidas que eu tinha a respeito do Next13, gostaria muito de um vídeo explicando sobre SSR Streaming aí no canal se possível!
Bom demais Diegão, parabéns pelo conteúdo! Traz um vídeo sobre Streaming SSR.
Conteúdo desejadíssimo, Diego! Estava ansioso por ele porque, para ser honesto: Espero sair aqui para aprender "de verdade"! Esperando agora sair um projeto top no Ignite! rssss Grande abraço e sucesso!
Obrigado pelo seu conhecimento Diego!
Diego sempre incrível! 👏🏻
Que vídeo fantásticoooo 👏👏
Fala Diegão muito da hora esse vídeo esclareceu muito a respeito das novas features do Next terminando o vídeo já da pra fazer uma app com as novas feature do Next fácil ... só teve um tópico que eu acho que cabia um vídeo a parte para explicar masi a fundo que é a respeito da feature do fetch de dados, deu pra entender o funcionamento porém se tu pudesse demonstrar uns casos de aplicações com alguns exemplos práticos seria top. Mas no geral o vídeo ta top meu like já ta ai.
São incríveis as novas features do NextJS! Amo essa lib! E não via o momento de assistir essas novidades sendo apresentadas com as explicações do Diego😁 Top demais! Parabéns pelo vídeo. Galera! Vamos arrasar no like gente!
Excelente, muchas gracias Diego
Adorei o conteúdo, muitas novidades que quero usar
Animal 👏👏👏 Absurdo essa entrega!
Phoda! Parabéns e obrigado 🚀
Conteúdo ótimo como sempre!
Qualidade monstra desse vídeo. Diegao é um absurdo de conhecimento com React
Conteúdo top. Parabéns!
Top demais essa sua explicação. 💟
Faz vídeo de SSR streaming sim! Maravilhoso conteúdo!
É sempre muita coisa boa reunida.
Conteúdo incrível, padrão de qualidade Rocketseat!
Vídeo muito top!!
parabéns, conteúdo top demais.
Awesome! I'm 48 years old, 2 years and a half studyng with you , first year studing and i got hired! After one year working , i still use most of the content i used to estudy in term of node , react ... It's really good, i achieved my career migration using the knowledge accquired. All teachers are amazing!
Obrigado pelo conteúdo
Meu queixo caiu na hora do (auth) kkkkkkkkkkkkkkkkk Meu Deus... Que maneiro kkkkkkkkkkkkk E caiu de novo com o revalidate a nível de fetch kkkkkkkkkkkkkk Só de não precisar mais na SSG o GetStaticPaths tá ótimo! Parei de contar quantas vezes o meu queixo caiu kkkkkkkkkkk E com certeza vamos querer o SSR Streaming!
@justrelax6144
Жыл бұрын
o meu caiu na hora do fetch hehe . são muitas posibilidades
@srsilva2
Жыл бұрын
Qual é o minuto do auth amigo?
Muito bom esse video motiva mais ainda! Faz um video mais aprofundado sobre o streaming ssr por favor?
Isso que é conteúdo de valor! Streaming SSR! Please!!!
Muito bom mano, facinho de entender as diferenças e aplicar em um projeto do 0
Cara parabens!!! Excelente
Muito bom, parabens!
Caramba cara, n sei se te amo pq to começando a entender a matéria agora, ou se é por que o video é de ótima qualidade...
Qualidade Top🔥🔥 ! Sim quero ver Streaming SSR
brabo demais, valeu
Gratidão mano salvou demais
conteúdo incrível! trás mais...
Tu ensina muito brother !!!!!!
Rocketseat sempre trazendo conteúdos fresquinhos. Incrível demais!
Muito bacana e percebi algumas coisas que trouxeram do Remix 🚀
Minha ansiedade estava atacada pq esse vídeo não saía
@dieegosf
Жыл бұрын
Chega de roer todas unhas!
Fantástico o vídeo! Parabéns de verdade! Super apoio mais vídeos em cima do NextJS e se der pra trazer alguns casos de BFF de bônus seria irado! Conteúdo mantendo a qualidade como sempre! parabéns 👏
@dieegosf
Жыл бұрын
Tamo junto, João! Valeu
Poo, queria agradecer por esse video!! Muito bom!!
Diego, primeiramente, parabéns pelo vídeo, como sempre trazendo conteúdo de qualidade! Segundamente, é possível utilizar o componente assincronamente e no layout utilizar o use client, ou vice-versa?
Super top 😍
que conteúdo excelente!
Muito bom !
Simplesmente fantástico. Como sempre!!! Bora ver SSR Stream... (era isso mesmo)?
Caramba Diegão, quero muito esse video de SSR Streaming hein
Massa! aguardo o vídeo sobre SSR Streaming
vide-o simples direto e fantástico.
Muito bom o vídeo, até mesmo para quem esta vindo diretamente do React
Incrível Diego! Parabéns pelo vídeo. Ficou faltando, na minha opnião, o Context API. Como ficará esse conceito na nova versão?
Que videooo toppp mano
Já quero conteúdo sobre no ignite❤
Cara, parabéns pelo vídeo, assisti inteiro copiando códigos e estudando as partes. Já sou aluno do ignite e a qualidade do seu conteúdo é muito foda. Obrigado
@dieegosf
Жыл бұрын
Tamo junto!
Melhor conteúdo em pt-br
Que conteúdo top man
Referência total!
Muito Massa o video! alguma novidade em relação ao Context ?
po, simplesmente mto bom!