Тёмный

TUDO que você precisa saber do Next 13 (isso muda tudo) 

Rocketseat
Подписаться 371 тыс.
Просмотров 100 тыс.
50% 1

Опубликовано:

 

29 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 324   
@kenjiutaka
@kenjiutaka Год назад
Incrível a qualidade dos vídeos da Rocket, nunca decepcionam! Por favor, traz um vídeo aprofundado sobre Streaming SSR
@Vitor-gf5lz
@Vitor-gf5lz Год назад
Apoiado
@thiagodiniz8224
@thiagodiniz8224 Год назад
FIco feliz que ele ainda faça os videos mesmo depois da empresa ter sido comprada.
@Fenderoutside
@Fenderoutside Год назад
@@thiagodiniz8224 Disso não sabia..
@spartakinho
@spartakinho Год назад
@@Fenderoutside nem eu..
@ton.oliveira.rj.1980
@ton.oliveira.rj.1980 11 месяцев назад
​@@Vitor-gf5lzeu 2😅😊xx😊111😊
@leleparanormal1579
@leleparanormal1579 Год назад
Caramba Diegão, quero muito esse video de SSR Streaming hein
@augustowerlang2356
@augustowerlang2356 Год назад
Excelente vídeo, no aguardo agora pelo vídeo de SSR Streaming 🚀
@faviomagallanes
@faviomagallanes Год назад
Excelente, muchas gracias Diego
@SrEsadofe
@SrEsadofe Год назад
Com essas novas atualizações como ficam as chamadas com axios e react query? Elas caem em desuso?
@samuelleao
@samuelleao Год назад
Faz um conteúdo completo sobre Streaming SSR, por favor!
@wdoering01
@wdoering01 Год назад
Parece massa o tema de SSR streaming mesmo! vlw!
@moisesdematosgil7860
@moisesdematosgil7860 Год назад
ANIMAL... Eu gostaria que trouxesse um video completo de SSRStreaming
@vitorwindberg4212
@vitorwindberg4212 Год назад
Traz o vídeo de streaming SSR! Vídeo top Diego!
@hugonaamancastro5824
@hugonaamancastro5824 Год назад
Minha única reação com esse vídeo e atualização do Next é: P*** QUE PARIU !!! Vlws Rocketseat pelo vídeo 💜
@guilhermealves6582
@guilhermealves6582 Год назад
Comigo o 'use client' funcionou com o async component, mudou algo? Não consegui encontrar na doc
@alisondiegodev
@alisondiegodev Год назад
Alguém sabe dizer quais as extexões ele está usando no video?
@andrebozzato
@andrebozzato Год назад
faça o video do s[não sei o que] streaming
@Lucas-iu8gd
@Lucas-iu8gd Год назад
Alguem sabe qual tema de icones ele ta usando ?
@daniel.pedrini
@daniel.pedrini Год назад
Eu gostaria muito do SSR Streaming. Pois tenho um projeto para dashboard dinâmico
@iridium-x7i
@iridium-x7i 11 месяцев назад
tem o codigo pra gente baixar nao. ?
@marcosanterodocarmo2221
@marcosanterodocarmo2221 Год назад
top
@carloshenriquedeandrade2079
é impressão minha ou nesse video o diego falou muito parecido com o deschamops em alguns momentos? Diego tá trocando as personalidades
@dieegosf
@dieegosf Год назад
Não lembro de ter usado a palavra "delicinha"
@carloshenriquedeandrade2079
@@dieegosf kkkkkkkk
@Kaullys
@Kaullys Год назад
Tu é pica, Diegão
@DEVLucasCS
@DEVLucasCS 11 месяцев назад
32:47
@leiayuri
@leiayuri Год назад
SSR - UP
@me.dwesley
@me.dwesley Год назад
Essa intenção de facilitar demais para o desenvolvedor tornou o comportamento do framework muito obscuro. Não se concordo com isso.
@ricardooliveira1307
@ricardooliveira1307 Год назад
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
@justrelax6144 Год назад
o meu caiu na hora do fetch hehe . são muitas posibilidades
@srsilva2
@srsilva2 Год назад
Qual é o minuto do auth amigo?
@felipecosta4132
@felipecosta4132 Год назад
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
@rockNbrain
@rockNbrain Год назад
To num dilema do cão.... estou iniciando um webapp com next13.2, mas não sei se já uso o app folder (pq imagino que ainda vai maturar ou pode mudar um pouco ) ou se faço usando o pages folder Queria uns 2 centavos aí de vcs devs ? Me ajudem ... uso app ou uso pages ? Vlww ❤
@cromo29
@cromo29 Год назад
Em 59:09 não funcionou porque só roda em modo de produção, é só ler o Good to know
@ramonbosi3830
@ramonbosi3830 Год назад
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 💜💜💜💜
@RicardoDomingos97
@RicardoDomingos97 Год назад
Para mim nao funcionou o pnpm lint -- --fix, ao tentar rodar deu esse erro:  ERR_PNPM_RECURSIVE_EXEC_FIRST_FAIL  Command failed with ENOENT: lint -- --fix spawn lint ENOENT
@gustavobarbosa9366
@gustavobarbosa9366 Год назад
Diego ou alguém da comunidade poderia me falar se está conseguindo usar o Streaming SSR como o diego fez no vídeo? Estou usando o next 13.4.9 e não consigo mostrar os dois fallbacks ao mesmo tempo de jeito nenhum, pesquisei no chatgpt 4 e ele diz que não é possível mostrar dois fallbacks ao mesmo tempo... Aparece apenas o ultimo fallback que está carregando, o primeiro ja aparece o componente montado e não o fallback
@myguelangello8563
@myguelangello8563 Год назад
Essa parte do { next: revalidate: 30 } só serve no FETCH ou também funciona do mesmo jeito no AXIOS?
@odevhugo
@odevhugo Год назад
KARALHO DIEGO, tu é brabo, quero saber de Next ja pesquiso, Diegão Rocket seat no youtube kkk
@alexon2010
@alexon2010 Год назад
podem ter inovacoes, mas ainda eu vejo o nextjs interferindo em coisa que nao fazem sentido, como fetch e disparo de dados... é muito caixa preta... é facil perser o controle de sua aplicação.... é bem confuso este conceito de component servidor e component client...... é melhor você controlar disparo e ornizar isso na sua aplicação, é bem confuso e a aplicação vira uma cocha de retalho facilmente... eu vou preferir controlar o disparo do fetch pelo zustand e popular no meu store do component e algo mais organizado... estou usando next, mas ele ainda não se encontrou nisso muitas formas que no final você fica bem perdido quanto a organização da aplicação... É muito questionavel este pensamento de RSC ou RCC, bem, bem bem confuso.......
@tokodev
@tokodev Год назад
PQP em Diego vai me fazer refatora quase todo meu blog kkkkk... mas por boa causa, só uma duvída que aqui achei bem pertinente, supondo que eu tenho um corpo de html vindo de uma API no meio dele quero por exemplo colocar um list de titulos dinamico isso seria possivel com use client?
@angelica551
@angelica551 Год назад
Diego, o prefetch só funciona em produção, vi isto napágina quando você estava verificando pq bugou.
@myguelangello8563
@myguelangello8563 Год назад
Eu ainda confundo um pouco os conceitos, mas o NextJS substitui o back-end em uma aplicação que tenho um BD, cadastro de conteúdos, pesquisa e tudo mais???
@yagosilva9189
@yagosilva9189 Год назад
Muito bom o video, mas qual tema você está usando? kkkk
@dieegosf
@dieegosf Год назад
Rosé Pine
@llockf12
@llockf12 9 месяцев назад
Mas daí a revalidação em páginas estáticas só vai funcionar com o uso do fetch, não funciona com axios, correto?
@maiconsdk
@maiconsdk Год назад
O conteúdo tá excelente! Mas não consigo parar de pensar qual é o tema, fonte e ícones desse vscode aí hein huaeheuaheauhueh alguém sabe?
@kageno8424
@kageno8424 Год назад
Minha ansiedade estava atacada pq esse vídeo não saía
@dieegosf
@dieegosf Год назад
Chega de roer todas unhas!
@Jack-ss4re
@Jack-ss4re 8 месяцев назад
1:02:41 cara então pelo que eu entendi não é possível fazer fetch server side em componente client side? Mas isso é um puta retrocesso, nao? Já que a pages router permitia isso
@rafa_hd
@rafa_hd Год назад
Tudo isso (e mais) já existe no Remix desde as primeiras versões. ZERO novidades... o next está apenas correndo atrás. Não entendo porque a Rocketseat insiste no Next e deixa o Remix de lado.
@Oculterous
@Oculterous Год назад
Estava usando ele Com o Next-auth mas tinha muito bug, tipo não conseguia pegar os provider e sessoes, elem disso não vai ser mais possível pegar o req.body pela api numa rota get , só nas outras. Vou por no meu projeto quando resolverem estes bugs apenas.
@Jhon-hy6xk
@Jhon-hy6xk Год назад
Cara sou novo com React, tudo isso falado no video serviria pra React Native tambem? Ou com React Native não teria como integrar com Nextjs assim?
@victorguilherme3892
@victorguilherme3892 Год назад
queremos video de ssr streaming, queremos video de ssr streaming, queremos video de ssr streaming, queremos video de ssr streaming!!!
@MrHUGOLADEIRA
@MrHUGOLADEIRA Год назад
O problema de request waterfall é mais culpa do dev do que do framework kkkkk acho que o nextjs ta resolvendo code smell dos outros então
Год назад
Meu sonho é chegar no nível de saber fazer tudo que está nesse video (obs: sou aprendiz iniciante)
@samuelleao
@samuelleao Год назад
Absurdo a capacidade de simplificação da experiência de desenvolvimento do NextJS, ao mesmo tempo que se torna algo mais robusto, também torna a DX(Development Experience) muito mais simples.
@recipesforlifetime978
@recipesforlifetime978 Год назад
O mais lindo eh que da pra deployar o next numa aws lambda function!!! ...
@jeffersoncarvalho2566
@jeffersoncarvalho2566 Год назад
Como fica a parte dos estilos, e bibliotecas como styled components, pra estilização dinâmica, temas etc?
@Jonasprodrigues
@Jonasprodrigues Год назад
Tenho geande salganhada na cabeça! Forget Backend individually? 🧐
@oProfessorJohnny
@oProfessorJohnny Год назад
Alguem sabe qual o aplicativo que o diego usa para gravar a camera onde ele pode ir arrastando com o mouse pelo video????????????
@higorallan4312
@higorallan4312 Год назад
cara POR FAVOR faz o vídeo de SSR Streaming PLEEEEEEEAASE
@molinar1974
@molinar1974 Год назад
Erro no lint Fiz a instalação do pacote (npm i @rocketseat/eslint-config -D) porém o comando npm run lint "--" "--fix" está gerando erro Plugin "react-hooks" was conflicted between ".eslintrc.json » @rocketseat/eslint-config/react » plugin:react-hooks/recommended" and ".eslintrc.json » eslint-config-next/core-web-vitals » /home/cezar/projetos/Maua/front/node_modules/eslint-config-next/index.js » plugin:react-hooks/recommended".
@reflexoescomtiolu
@reflexoescomtiolu Год назад
Só uma coisa a dizer, não consigo ver o aprendizado de programação diferente do que você ensina, a sua forma deveria ser o padrão para todos
@julianobresolin
@julianobresolin Год назад
esse video deveria estar dentro da documentação do next13 , a documentação deles achei bem ruim 😆
@Oculterous
@Oculterous Год назад
Bacana mas fico pensando como seria uma paginação, onde vc clica na pagina 2 por exemplo como eu teria que tratar isso
@walterssouto1486
@walterssouto1486 Год назад
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!
@joaovictormendesavila6936
@joaovictormendesavila6936 Год назад
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
@dieegosf Год назад
Tamo junto, João! Valeu
@juninfortunato
@juninfortunato Год назад
Essa nova chamada, só pode ser feita com a nova estruturação de pastas proposta pelo nextjs ?
@cristimiroroberto
@cristimiroroberto Год назад
Gostaria de saber o nome do tema que Diego está usando. Alguém pode me informar?
@gabrieldasilva6797
@gabrieldasilva6797 Год назад
Parabéns Diego, conteúdo incrível, aguardo o vídeo sobre Streaming SSR
@falaqueeudesenho9556
@falaqueeudesenho9556 Год назад
Cara uma duvida, tem que usar obrigatoriamente o fetch ou pode usar o axios e o resultado sera o mesmo ??
@leos.2322
@leos.2322 Год назад
Manda o vídeo de SSR Streaming Diegão, fiquei interessado
@rafaelreisramos
@rafaelreisramos Год назад
Pra deixar registrado aqui. No minuto 56:17 do vídeo o @dieegosf comenta o mecanismo de mutação para refresh de uma página quando uma lista for atualizada. Hoje isto pode ser feito com uma api route e com revalidatePath. Agradeço se @rocketseat fixar este comentário pra galera perder menos tempo. 🚀
@meopedevts
@meopedevts Год назад
Opa blz, cara poderia me ajudar ? Estou criando um cookie em um server component e gostaria de acessar esse cookie em um client component porque vou validar se esse cookie condiz com uma informação que vai ser preenchida pelo usuário, porém quando chamo o cookies dentro do client ele retorna erro. Dando um contexto maior estou desenvolvendo uma aplicação e vamos ter uma página de registro, ao preencher o form é chamado um server component que faz a criação de um código de verificação salva no cookie e envia um email pro usuário, após isso eu redireciono o usuário pra outra página onde ele vai preencher esse código porém não consigo acesar o cookie pra validar se o código preenchido foi o mesmo armazenado.
@DihCpsPsy
@DihCpsPsy Год назад
eu posso ter um 'page.tsx' que tenha 'use client' dentro dele? Ou somente componentes?
@giovanimadeira6845
@giovanimadeira6845 Год назад
Boa noite não instala completo falta pasta pages, e o head.tsx e layout.tsx, grato
@EugenioCarmo
@EugenioCarmo Год назад
SSR streaming video bem completo! Please 🙏🏻
@gabrielgamaalves
@gabrielgamaalves Год назад
Algum sabe dizer qual é a extensão que ele utiliza para deixar as pastas dessa forma?
@suamirochadev
@suamirochadev Год назад
Já saiu o video do Streaming SSR ? ? Eu queroo ⭐⭐⭐⭐🤩🤩
@FelipeOliveira-gh4pz
@FelipeOliveira-gh4pz Год назад
Alguem sabe dizer qual extensão de icons do vscode que o Diego usa?
@laravieirame
@laravieirame Год назад
Finalmente meta customizados por páginas!!!
@kratos1918
@kratos1918 Год назад
traz um vídeo aprofundado sobre Streaming SSR
@monteiro_ops
@monteiro_ops Год назад
Adeus nookies e problemas com cookies? maravilha...
@catphelios
@catphelios Год назад
começei a aprender next a pouco tempo, e mano..... e outra coisa usar ele kkkkkk
@pdantch
@pdantch Год назад
traz um vídeo aprofundado sobre Streaming SSR
@zFelpszada
@zFelpszada Год назад
Opa Diego! Parabéns pelo vídeo. Qual é o nome dessa extensão de ícones do seu vscode?
@dieegosf
@dieegosf Год назад
Symbols
@jairorudas2889
@jairorudas2889 Год назад
Muito Massa o video! alguma novidade em relação ao Context ?
@VoceBR97
@VoceBR97 Год назад
Eu gostaria de um vídeo falando mais de Streaming SSR
@juliamendes6617
@juliamendes6617 Год назад
Faz vídeo de SSR streaming sim! Maravilhoso conteúdo!
@MarceloAlbukerki
@MarceloAlbukerki Год назад
Isso que é conteúdo de valor! Streaming SSR! Please!!!
@wagnerfaria1601
@wagnerfaria1601 Год назад
React muda rapido pra krl ... LoL ... daqui a um ou 2 anos muda tudo de novo.
@luizlahr
@luizlahr Год назад
Uma pena que a pasta app não esteja dando suporte para stitches SSR. :(
@borala-
@borala- Год назад
Traz um vídeo de SSR Streaming, vai ser top.
@jonasjosino4662
@jonasjosino4662 Год назад
Poo, queria agradecer por esse video!! Muito bom!!
@Gininhoboy
@Gininhoboy Год назад
Diego. Parabéns pelo vídeo. Top. Pode me dizer qual tema vc está usando no VSCode?
@dieegosf
@dieegosf Год назад
Rosé Pine
@Glauberjds
@Glauberjds Год назад
A explicação da layout ficou confusa pra caramba. Acho que por manjar muito o Diego acha que todos estão no ritmo dele e ele explica de uma forma muito complexa. De uma forma mais simples acho que seria melhor.
@Öyster_Boy
@Öyster_Boy Год назад
Layout é uma interface de usuário que é compartilhada nas rotas no mesmo aninhamento. Você pode adicionar ou remover certos segmentos em um layout definindo um grupo de rotas.
@vladmirobravo8978
@vladmirobravo8978 Год назад
Conteudo muito bom. Tirou as duvidas todas. Valeu...
@Matheus_1582
@Matheus_1582 Год назад
Ou seja o NEXT usa o QWIK por baixo dos panos...
@camilabreda-io9jt
@camilabreda-io9jt Год назад
SSR Streaming video já saiu?? :D
@thiagomurtinho3021
@thiagomurtinho3021 Год назад
Diego estou no aguardo do do vídeo Streaming SSR
@kinerikin
@kinerikin Год назад
Obrigado Diego! Mais uma vez vídeo top demais 🤘🏽
@DjEdu28
@DjEdu28 8 месяцев назад
Curiosidade, já tem o Streaming SSR ?
@brunoacev
@brunoacev Год назад
Diego, anjo que veio do céu, por favor, um video completo sobre SSR streaming. Deus te ama e nós tbm!
@henriquemagno9326
@henriquemagno9326 Год назад
Gostaria muito de um video sobre SSR streamming
@lucascoliveira3957
@lucascoliveira3957 Год назад
Uma dúvida, o axios não será mais útil então?
@edu_amr
@edu_amr Год назад
Desculpa mais eu acho que Next ainda esta engatinhando para ser o melhor. Tentei usa-lo em uma aplicação mais complexa e tive que retonar ao React, certas coisas o next ainda não da total suporte.
@dieegosf
@dieegosf Год назад
Fala Eduardo, consegue me falar o que teve de problema? Lembrando que o Next ainda continua sendo React.
@salyut1
@salyut1 Год назад
Olha kkkk que situação eu to cogitando exatamente o contrário kkkk principalmente por motivos de segurança
@rafaelyoshimitsuy716
@rafaelyoshimitsuy716 Год назад
Alguém sabe o nome da extensão que deixa as pastas dele nesse tema ? agradecido ao herói que me ajudar a descobrir
@fibeck2613
@fibeck2613 Год назад
Symbols
@monteiro_ops
@monteiro_ops Год назад
Fala Diegão! E como ficam os globals states?
@Oculterous
@Oculterous Год назад
42:20 acho que foi assim mesmo que eles testaram rsrsr
@fernandoalves1171
@fernandoalves1171 Год назад
eu quero o conteúdo de SSR streaming
Далее
TUDO que você deve estudar de JavaScript antes do React
1:25:24
▼ КАПИТАН НАШЁЛ НЕФТЬ В 🍑
33:40
Просмотров 346 тыс.
КВН 2024 Встреча выпускников
2:00:41
Por Que Usar Next.JS?
29:06
Просмотров 34 тыс.
Next.js 14 - SEO & Metadata Tutorial (Complete Guide)
39:40
Guillermo Rauch - Vercel, The Front End Cloud
1:05:02
Просмотров 8 тыс.
Next 13 vai TRANSFORMAR o front-end! (novas features)
29:36
O ERRO mais comum no React (você já fez isso)
13:26
Просмотров 124 тыс.
▼ КАПИТАН НАШЁЛ НЕФТЬ В 🍑
33:40
Просмотров 346 тыс.