Muito bom, e exemplo do carregamento de parte da pagina, com a variavel radon ficou perfeito, acredito que se um tapado igual eu entendi, todos que assitirem entenderão! Muito Obrigado!
Muito bom mano, estou tendo meu primeiro contato com Next agora, é muito bom já poder estar iniciando depois de uma atualização tão importantíssima como essa da versão 13 e ainda mais com explicações fenomenais como a sua, muito grato!
rapaz aulas muito boas, vc falou tanta coisa que next.js/react faz por baixo dos panos por isso pessoal o ama tanto esse framework facilita muita vida dos devs sksk
Feedback 01 : to gostando desse modelo de teorica no começo e pratica depois, principalmente das ediçoes com ex de imaens que ajuda demais. QUASE virando fã
Cara tava com um problema com a renderização do Layout principal em outras paginas, e não sabia o porque, seu video me deu uma luz incrivel, tenho certeza que voltarei para rever conceitos que aprendi nesse video pois está incrivel, parabens cara.
Nossa Adrian, Muito obrigado decoração ❤️!!!! Tem muito mais aqui caso não tenha visto a playlist th-cam.com/play/PLR8OzKI52ppWoTRvAmB_FQPPlHS0otV7V.html E ainda vem muito mais pela frente 💪🏻🚀
A melhor playlist da atualidade sobre Next.js 13.4! Parabéns pelo conteúdo incrível e pela excelente didática. Gostaria de sugerir a criação de um projeto completo ao final dessa playlist, utilizando todos os recursos apresentados. Por exemplo, seria interessante desenvolver uma página inicial como rota pública, juntamente com algumas rotas privadas para um painel administrativo. Esse painel poderia incluir um dashboard, cadastro de usuários, um blog, entre outras funcionalidades. Seria realmente enriquecedor poder aplicar todo o conhecimento adquirido durante a playlist em um projeto prático e abrangente como esse. Mais uma vez, parabéns pela qualidade do conteúdo e pelo trabalho incrível. Estou ansioso para ver mais projetos e tutoriais relacionados ao Next.js 13.4 no futuro.
Muito obrigado Vinicius 🙏🏻 fico muito feliz que o conteúdo está ajudando a desenvolver tantas pessoas nesta tecnologia. Obrigado também pelas ideias, vou tentar ao máximo trazer algo para consolidar os conhecimento. Não se esquece da parte prática dos vídeos, não é só para assistir 😉. Assiste o vídeo até o fim -> volta e segue a mesma coisa que eu fiz pausando 😉. Nada ensina mais que a experiência prática 💪🏻👊🏻
Obrigado João 🙏🏻. Neste momento eu ainda não tenho, mas estou pedindo para quem gosta do conteúdo, apoiar assinando canal por aqui. HTTP 101 th-cam.com/channels/j75B_51OXb9qH15wiHs-Hw.htmljoin Mais para frente eu provavelmente publicarei algum para viabilizar a continuidade do conteúdo gratuito, por isso habilitação as notificações e compartilha o conteúdo. Abraço e se tiver dúvidas, comenta qui e entra no nosso discord: discord.gg/Q3FxkTBC3w Assina lá ❤️
Fala Jeferson. Obrigado pelo feedback e por acompanhar o canal. Estou chegando quase nesta parte para esta serie de vídeos. Segura aí só mais um pouquinho pois garanto que vai valer a pena ;)
@@DeveloperDeck101 Tá muito melhor do que muitos pagos por ai! Tô até inspirado aqui pq tenho uma ideia escrita mas não sabia como fazer isso com Next.js pra tirar do papel e transformar em aplicação. Agora tô conseguindo aprender e já esta clareando as ideias na minha mente de como usar isso na minha aplicação
No caso da pasta app, sabemos que sua renderização é feita do lado do servidor. Pensando nas estruturas de pastas, o melhor lugar para criar a pasta componentes seria dentro ou fora da pasta app? Exemplo de estrutura de pasta: 1º Caso src/app/components src/app src/assets src/constants src/lib src/interfaces src/types 2º Caso src/app src/components src/assets src/constants src/lib src/interfaces src/types
Obrigado pela pergunta Vini, tudo bem contigo? Não existe resposta certa para a pergunta. Mas todos estão seguindo a convenção de criar fora da pasta app que seria o caso 2 💪 É o padrão que eu estou usando também. Logo vou dividir um pouco mais sobre este tema no canal.
É possível fazer inserts dentro do layout? Vamos pegar por exemplo o seu menu. HOME e BLOG, quando eu entro em blog ele mudaria para HOME BLOG POSTS, ou seja fazer a adição do POSTS, isso é possível? Talvez usando CSS até colocando um componente que renderizaria esse menu?
Existe uma maneira de implementar o novo shared/wrapper layout.tsx em um projeto NextJs v14, mas ainda usar a antiga pasta "pages" do NextJs em vez de "app"?
@@DeveloperDeck101 eu tbm nao kkk por mim refatorava tudo, mas nao tenho esse poder de decisao, to trabalhando num projeto da empresa que ta passando por essa transicao aos poucos, os caras basicamente copiaram e colaram o header e footer em todas paginas... queria substituir isso por um layout.tsx compartilhado
@@DeveloperDeck101 Oi tudo bem, to seguindo os vídeos ainda não sou programador profissional to aprendendo bastante muito obrigado a gente precisa de mais disso parabéns pelo trabalho.
Qual seria a melhor solução para um header, que é compartilhado em todas páginas que mostra o login do usuário no topo, sendo que ele pode estar logado ou deslogado, ou seja, no header tenho a info se o user está autenticado ou não. Layout ou template? Tkss
Eu não tenho mas peço para as pessoas fazerem parte do HTTP 101 th-cam.com/channels/j75B_51OXb9qH15wiHs-Hw.htmljoin Fazer parte da comunidade apoia a criação de conteúdo como este que vc está maratonando e é zilhões de vzs mais barato que um curso.
Oi Denner. Não entendi muito bem a pergunta, mas acho que vc está perguntando pela parte e metatags que existia na pasta pages. Pra vc adicionar as metatags você usa metatada or generateMetadata. É isso? th-cam.com/video/IS0VWhSTMC8/w-d-xo.html
só um feedback em relação aos seus videos, os efeitos sonoros são muito alto comparado com sua voz, isso incomoda pq a gente não espera que do nada surja um som extrondoso, por exemplo, estou vendo seu video e ouvindo sua voz tranquilo, ajustei o volume para que sua voz fique em uma altura agradavel pra mim, mas ai do nada brota um som altão de um efeito que voce colocou no video, deveria ter o mesmo volume que sua voz, assusta as vezes do nada um som mt alto. Fora isso, meus parabéns.
Opa Luiz. Outras pessoas me falaram já e eu estou ajustando em alguns vídeos novos tanto o som da voz quanto o som dos efeitos. Por enquanto usa isso para ficar alerta e prestar atenção no vídeo 🤣🤣🤣🤣🤣 Valeu o Feedback, fazendo e aprendendo 💪🏻 Veja pela parte boa, pelo menos você comentou o vídeo 🫣
Masterclass completa
th-cam.com/play/PLR8OzKI52ppWoTRvAmB_FQPPlHS0otV7V.html
Muito bom, e exemplo do carregamento de parte da pagina, com a variavel radon ficou perfeito, acredito que se um tapado igual eu entendi, todos que assitirem entenderão! Muito Obrigado!
Que nada Rodrigão! 💪🏻❤️
ótima didática Professor, muito bom o conteúdo!!!!
Obrigado
Muito bom, meu amigo.
Inscrito.
💪🏻
Quem estudou React Router DOM sabe o quanto tudo isso que o NextJS esta fazendo ajuda.
Totalmente 💪🏻
Muito bom mano, estou tendo meu primeiro contato com Next agora, é muito bom já poder estar iniciando depois de uma atualização tão importantíssima como essa da versão 13 e ainda mais com explicações fenomenais como a sua, muito grato!
Que bom Marcos, fico feliz 🙏🏻 Entra no nosso discord discord.gg/h8CudKkBM7
Mais uma aula de didática e que aula incríveel...
❤️
Showww!!
Obrigado Uanderson 💪🏻
Sensacional, sou novato, recem formado, por favor continua nos ajudando!
Obrigado Carlos ❤️ espero que o conteúdo possa te apoiar a crescer cada vez mais 🚀
rapaz aulas muito boas, vc falou tanta coisa que next.js/react faz por baixo dos panos por isso pessoal o ama tanto esse framework facilita muita vida dos devs sksk
Que bom Fábio. Tem o link do discord do canal na página inicial. Entra lá.
Excelente video, eu estava procurando aulas de next 13 e até agora o seu foi o melhor que achei, parabéns e obrigado
Show de bola 🙏🏻 Eros Mariano. Não se esqueça que este é só um dos vídeos da Masterclass. Olha a playlist completa lá .
Abraço e seja bem vindo 👊🏻
@@DeveloperDeck101 opa com certeza hahahahahaha estou maratonando a playlist e com certeza vou acompanhar os demais vídeos do canal
Show de bola 💪🏻
Bora divulgar o canal ótimos conteúdos
Valeu Eder 🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻💪🏻🚀
Feedback 01 : to gostando desse modelo de teorica no começo e pratica depois, principalmente das ediçoes com ex de imaens que ajuda demais. QUASE virando fã
Que bom que está gostando Nicoletti 🤩
Cara tava com um problema com a renderização do Layout principal em outras paginas, e não sabia o porque, seu video me deu uma luz incrivel, tenho certeza que voltarei para rever conceitos que aprendi nesse video pois está incrivel, parabens cara.
Obrigado David 🙏🏻 não se esqueça que pode tirar dúvidas aqui e no discord 💪🏻
Que espetáculo de aula sobre layout
Nossa Adrian, Muito obrigado decoração ❤️!!!! Tem muito mais aqui caso não tenha visto a playlist th-cam.com/play/PLR8OzKI52ppWoTRvAmB_FQPPlHS0otV7V.html
E ainda vem muito mais pela frente 💪🏻🚀
Obrigado por essas aulas!
Valeu irmão
Você mudou minha visão sobre Nextjs! Seus vídeos são incríveis !
Que bom Luís! 🙏🏻 Você já está no nosso discord? discord.gg/crzce8eZTQ
Que trabalho fantástico , sensacional, direto ao ponto!!!
Vamos incentivar de todas as maneiras possíveis, galera.🤗
Sensacional é você maratonando 🎉
Muito bom! Estou acompanhando junto com a domuquentassaum.
Smart Ramon 😉💪🏻
estou gostando muito, pra cima :D
Obrigado cortes 🙏🏻
Ótimo conteúdo!!!!!
Obrigado Tatianno Ferreira ✨
a forma que tu explica o conteúdo é muito massa.
Obrigado Lucas. Se quiser, entra no nosso discord para dúvidas e networking.
Excelente!
Valeu Willen
Valeuu, ótimo conteúdo, obrigado!
Valeu Gabriel 🙏🏻 vou deixar o resto da playlist “just in case” 😉
Masterclass
th-cam.com/play/PLR8OzKI52ppWoTRvAmB_FQPPlHS0otV7V.html
A melhor playlist da atualidade sobre Next.js 13.4! Parabéns pelo conteúdo incrível e pela excelente didática. Gostaria de sugerir a criação de um projeto completo ao final dessa playlist, utilizando todos os recursos apresentados.
Por exemplo, seria interessante desenvolver uma página inicial como rota pública, juntamente com algumas rotas privadas para um painel administrativo. Esse painel poderia incluir um dashboard, cadastro de usuários, um blog, entre outras funcionalidades.
Seria realmente enriquecedor poder aplicar todo o conhecimento adquirido durante a playlist em um projeto prático e abrangente como esse.
Mais uma vez, parabéns pela qualidade do conteúdo e pelo trabalho incrível. Estou ansioso para ver mais projetos e tutoriais relacionados ao Next.js 13.4 no futuro.
Muito obrigado Vinicius 🙏🏻 fico muito feliz que o conteúdo está ajudando a desenvolver tantas pessoas nesta tecnologia. Obrigado também pelas ideias, vou tentar ao máximo trazer algo para consolidar os conhecimento. Não se esquece da parte prática dos vídeos, não é só para assistir 😉. Assiste o vídeo até o fim -> volta e segue a mesma coisa que eu fiz pausando 😉. Nada ensina mais que a experiência prática 💪🏻👊🏻
DEMAIS!
💪🏻
Está muito bom os seus vídeos sobre o NextJS 13.4, parabéns!
Muito obrigado Renan 🙏🏻 estou tentando deixar bem aprofundado mesmo. 💪🏻
Muito massa, valeu!
Eu que agradeço Arthur 🙏🏻
Segue a lista completa th-cam.com/play/PLR8OzKI52ppWoTRvAmB_FQPPlHS0otV7V.html. 😉
Encontrei essa playlist hoje me salvou tava perdido com projeto pra faculdade.
Achou o discord tbm Ivan discord.gg/dFPqC6dNcv e esse é simum vídeo da playlist. Tem tudo de Next nesta playlist
Cara você é demais, salvou muito.
Que show Rafael 🙏🏻 sabe que esse é apenas um dos vídeos da Masterclass.
E ontem eu postei um projeto completo. Olha lá quando finalizar a Masterclass
@@DeveloperDeck101 estou acompanhando os demais vídeos. me ajudou mt com as mudanças pro 13.4. Você da algum suporte de Next tbm?
Como assim suporte? O canal tem um discord: discord.gg/Q3FxkTBC3w
Show!!!
💪🏻
Iniciando com Next.js 07/2024
show de bola. Aí tem tudo que vc precisa 💪
To curtindo! Excelentes aulas! Vc tem curso pra gente comprar?
Obrigado João 🙏🏻. Neste momento eu ainda não tenho, mas estou pedindo para quem gosta do conteúdo, apoiar assinando canal por aqui.
HTTP 101
th-cam.com/channels/j75B_51OXb9qH15wiHs-Hw.htmljoin
Mais para frente eu provavelmente publicarei algum para viabilizar a continuidade do conteúdo gratuito, por isso habilitação as notificações e compartilha o conteúdo.
Abraço e se tiver dúvidas, comenta qui e entra no nosso discord: discord.gg/Q3FxkTBC3w
Assina lá ❤️
Fala um pouco sobre os arquivos `default.js`, `error.js` e `not-found.js`
Fala Jeferson. Obrigado pelo feedback e por acompanhar o canal. Estou chegando quase nesta parte para esta serie de vídeos. Segura aí só mais um pouquinho pois garanto que vai valer a pena ;)
Muiitooo bom! Didática ótima demais. Tô criando uma pasta para o projeto de cada video aqui, pra revisar quando terminar
Valeu irmão 🙏🏻. Está tipo curso pago? 🫣😅
@@DeveloperDeck101 Tá muito melhor do que muitos pagos por ai! Tô até inspirado aqui pq tenho uma ideia escrita mas não sabia como fazer isso com Next.js pra tirar do papel e transformar em aplicação.
Agora tô conseguindo aprender e já esta clareando as ideias na minha mente de como usar isso na minha aplicação
Que BOM Weslley 🙏🏻 Fico muito feliz mesmo que está gostando do conteúdo. Tô fazendo com muito carinho 💪🏻🚀
Ainda vai ter muito mais nessa Masterclass 🎉
No caso da pasta app, sabemos que sua renderização é feita do lado do servidor. Pensando nas estruturas de pastas, o melhor lugar para criar a pasta componentes seria dentro ou fora da pasta app?
Exemplo de estrutura de pasta:
1º Caso
src/app/components
src/app
src/assets
src/constants
src/lib
src/interfaces
src/types
2º Caso
src/app
src/components
src/assets
src/constants
src/lib
src/interfaces
src/types
Obrigado pela pergunta Vini, tudo bem contigo?
Não existe resposta certa para a pergunta. Mas todos estão seguindo a convenção de criar fora da pasta app que seria o caso 2 💪
É o padrão que eu estou usando também. Logo vou dividir um pouco mais sobre este tema no canal.
É possível fazer inserts dentro do layout?
Vamos pegar por exemplo o seu menu. HOME e BLOG, quando eu entro em blog ele mudaria para HOME BLOG POSTS, ou seja fazer a adição do POSTS, isso é possível? Talvez usando CSS até colocando um componente que renderizaria esse menu?
Fala aí On365 🙏🏻 você já está chegando no vídeo que fala sobre isso, incluindo exemplo 😉
Existe uma maneira de implementar o novo shared/wrapper layout.tsx em um projeto NextJs v14, mas ainda usar a antiga pasta "pages" do NextJs em vez de "app"?
Ainda é possível utilizar a pasta pages. Mas não entendo porque o faria em um projeto novo Guilherme
@@DeveloperDeck101 eu tbm nao kkk por mim refatorava tudo, mas nao tenho esse poder de decisao, to trabalhando num projeto da empresa que ta passando por essa transicao aos poucos, os caras basicamente copiaram e colaram o header e footer em todas paginas... queria substituir isso por um layout.tsx compartilhado
@guilhermemm-dev mas peraí. O layout.tsx vai funcionar apenas para as rotas da pasta app.
Mas e se eu quiser que no Blog o layout da raiz não apareça?
Vai vendo os vídeos da playlist porque tem um vídeo específico sobre isso 🤩🚀❤️💪🏻
no meu não está mantendo o estado quando clico nos links de navegação, será que é pq estou utilizando o next 13.5.4?
digo no layout vc disse que o estado seria mantido na navegação de sublinks só que não é o que está acontecendo
Olá Dennis, tudo bem? Como vai? Primeira vez aqui?
É mantido até um reset da página ou reset manual.
@@DeveloperDeck101 Oi tudo bem, to seguindo os vídeos ainda não sou programador profissional to aprendendo bastante muito obrigado a gente precisa de mais disso parabéns pelo trabalho.
Obrigado Dennis 🙏🏻
Qual seria a melhor solução para um header, que é compartilhado em todas páginas que mostra o login do usuário no topo, sendo que ele pode estar logado ou deslogado, ou seja, no header tenho a info se o user está autenticado ou não. Layout ou template? Tkss
Fala Henrique. Tudo bem com vc? Está curtindo as aulas?
Layout
Curtindo demais, vou maratonar toda a série de vídeos. Vce tem algum curso p vender de react/next?@@DeveloperDeck101
Eu não tenho mas peço para as pessoas fazerem parte do HTTP 101 th-cam.com/channels/j75B_51OXb9qH15wiHs-Hw.htmljoin
Fazer parte da comunidade apoia a criação de conteúdo como este que vc está maratonando e é zilhões de vzs mais barato que um curso.
O Header na nova atualização não cria a pasta componentes header cria a page ?
Oi Denner. Não entendi muito bem a pergunta, mas acho que vc está perguntando pela parte e metatags que existia na pasta pages. Pra vc adicionar as metatags você usa metatada or generateMetadata. É isso?
th-cam.com/video/IS0VWhSTMC8/w-d-xo.html
@@DeveloperDeck101
Quando criamos o cabeçalho (Header) precisa criar a pasta componentes ou cria uma página chamada page ?
Entendi. Crie header Que provavelmente vai ser sei menu em um componente separado de uma pasta components e importe no layout 🚀
Eu vou tentar fazer um vídeo sobre isso para a Masterclass hoje. Se eu conseguir gravar e editar, eu publico hoje mesmo 🫣
@@DeveloperDeck101
Então crio o Header na pasta page
só um feedback em relação aos seus videos, os efeitos sonoros são muito alto comparado com sua voz, isso incomoda pq a gente não espera que do nada surja um som extrondoso, por exemplo, estou vendo seu video e ouvindo sua voz tranquilo, ajustei o volume para que sua voz fique em uma altura agradavel pra mim, mas ai do nada brota um som altão de um efeito que voce colocou no video, deveria ter o mesmo volume que sua voz, assusta as vezes do nada um som mt alto. Fora isso, meus parabéns.
Opa Luiz. Outras pessoas me falaram já e eu estou ajustando em alguns vídeos novos tanto o som da voz quanto o som dos efeitos. Por enquanto usa isso para ficar alerta e prestar atenção no vídeo 🤣🤣🤣🤣🤣
Valeu o Feedback, fazendo e aprendendo 💪🏻
Veja pela parte boa, pelo menos você comentou o vídeo 🫣
@@DeveloperDeck101 show. Obgdo pelas aulas. Estou aprendendo mais e mais. Mesmo sendo sênior
Valeu brother 💪🏻