5 FUNDAMENTOS do NEXTJS 14 que você PRECISA entender
ฝัง
- เผยแพร่เมื่อ 6 ก.พ. 2025
- 🔴🔴🔴 NÃO LEIA 🔴🔴🔴
✅ Curso de Next.js 13:
hotm.art/lA0ujDcw
📷 Segue lá no Instagram:
/ devjunioralves
💭 Participe da nossa comunidade no Discord:
/ discord
🧑💻 Repositório do canal:
github.com/jju...
𝗢𝗦 𝗠𝗘𝗟𝗛𝗢𝗥𝗘𝗦 𝗩𝗜𝗗𝗘𝗢𝗦 𝗗𝗢 𝗖𝗔𝗡𝗔𝗟:
7 CONCEITOS DO TYPESCRIPT QUE VOCÊ DEVE SABE
• 7 CONCEITOS DO TYPESCR...
Signals no React.js?!
• Signals no React.js?!
QUAL A MELHOR ESTRUTURA DE PASTAS PARA PROJETOS REACT/NEXT.JS
• QUAL A MELHOR ESTRUTUR...
COMO APLICAR SOLID NO REACT - Inversão de dependência DIP
• COMO APLICAR SOLID NO ...
[ROADMAP] O QUE VOCÊ DEVERIA ESTUDAR EM 2O23? Fique de olho nessas tecnologias
• [ROADMAP] O QUE VOCÊ D...
TUTORIAL NEXT.JS 13: FETCHING DATA - PARTE 3/3
• TUTORIAL NEXT.JS 13: F...
A FORMA CORRETA DE CRIAR ROTAS PRIVADAS NO NEXT.JS 13 - Nova pasta pasta app!
• A FORMA CORRETA DE CRI...
QUANDO NÃO UTILIZAR ESTADOS NO REACT?
• QUANDO NÃO UTILIZAR ES...
MELHORE A USABILIDADE DE SUAS APLICAÇÕES COM ISSO
• MELHORE A USABILIDADE ...
TUTORIAL NEXT.JS 13: VALE A PENA MIGRAR? PARTE 1/3
• TUTORIAL NEXT.JS 13: V...
A FORMA CORRETA DE CRIAR ROTAS PRIVADAS NO NEXT.JS 13 - Nova pasta pasta app!
• A FORMA CORRETA DE CRI...
---
Livros que me ajudaram:
Código Limpo
amzn.to/3hHXVKY
Arquitetura Limpa
amzn.to/3Viqw7v
Como ser um programador melhor
amzn.to/3POQ5fq
Estruturas de dados e algoritmos com JavaScript
amzn.to/3hM0L1u
Entendendo Algoritmos: Um guia ilustrado para programadores e outros curiosos
amzn.to/3BWsaEO
14 hábitos de desenvolvedores altamente produtivos
amzn.to/3uZqsyy
Hábitos Atômicos
amzn.to/3FGllIM
Aprendendo a Aprender
amzn.to/3WxM0hG
Rápido e devagar
amzn.to/3PLrYhq
A vida dos Estoicos
amzn.to/3vaQIGl
Meditações de Marco Aurélio
amzn.to/3joFYS1
*Links afiliados.
---
👋 Você pode me encontrar aqui:
🧑💻 Blog: www.devjuniorp...
💼 LinkedIn: / junior-alves-b66a10127
💻 GitHub: github.com/jju...
📷 Instagram: / devjunioralves
👨💻 Sobre mim
Eu sou Junior, Senior Frontend Engineer! Tenho mais de 4 anos de experiência.
Aqui, compartilho conteúdo sobre React.js, Next.js, TypeScript, JavaScript, testes, livros, SOLID e tudo mais relacionado à desenvolvimento de software.
✉️ Email comercial
devjuniorplus@gmail.com
📌 Utilidades
Editor: VS Code
Tema: Illusion
Music provided by NoCopyrightSounds.
#nextjs #reactjs #typescript
Quais suas dúvidas sobre o Next.js? Deixa aqui nos comentários 👇
✅ Segue lá no Instagram:
instagram.com/devjunioralves/
✅ Nossa comunidade no Discord:
discord.com/invite/bVxW4Dhgrf
👉 Livros em promoção:
Como ser um programador melhor
amzn.to/3POQ5fq
Arquitetura Limpa (Clean Arch)
amzn.to/3Viqw7v
Clean Code
amzn.to/3hHXVKY
Estruturas de dados e algoritmos com JavaScript
amzn.to/3hM0L1u
Gosto bastante dos seu conteúdos que são sempre atualizados, quando lança algo novo vc vai e posta, ajuda bastante nesses detalhes, continue assim. 👏🏾😉
muito top sua aula, vc é muito bom mesmo, teria como vc dar um exemplo de como navegar para uma pagina usando um click de botao? antecipadamente agradeco a atencao.
Seu vídeo me ajudo muito
comecei um projeto em nextjs, acostumado cria router para meus projetos no react, fiquei todo perdido kkkkkkkkkk
obrigado pelo vídeo ❤
Se tu tá na pista pra aprender na prática Next.js, MongoDB, Fastify, Redis e Kafka, o CrazyStack Node e React do devdoido é a fita certa.
Muito bom seu conteúdo meu amigo, tem me ajudado bastante
Que show Gabriel! 👊
Salve irmão, pode passar um tutorial sobre Framer-Motion no NextJS 14? Não acho em lugar nenhum tutorial para transições de páginas utilizando os novos recursos
Obrigado pelo vídeo!
Explicação muito boa e direto ao ponto.
Muito bom, estou com 91 anos e estudando programação, gosto bastante de usar nextjs
Boa!!, Ótima aula, top de verdade.
Muito massa
essas rotas dinâmicas ajuda muito, enquanto isso no react router dom é uma dor de cabeça kkk
Kkkkk com certeza, simplifica muito né
Conteúdo muito bom, agora surgiu uma dúvida, utilizando rotas dinâmicas, como fica a questão da guarda de rotas, ou melhor rotas autenticadas?
Pode aplicar a lógica para guarda as rotas por middleware de Routing do Next.js
Eae Junior, blz? Cara não sei se faz sentido para o Canal, mas você poderia trazer algo sobre tradução no Nextjs? Traduzir o conteúdo conforme o idioma etc, vi algo a pouco no Twitter e fiquei bem curioso.
Obrigado pelo conteúdo!
Fala man, blz e com você?
Que massa, curti a ideia, posso trazer sim!
Conteúdo muito top 🚀🚀🔥🔥, uma pergunta, saindo do contexto do vídeo, essa logo do canal, fez ela como, o site, ou foi algum design
Valeu man!
Eu mesmo fiz a logo hehe
Curto me aventurar no design de vez em quando.
Boa explicação. Valeu.
@@erfelipe Se tu tá na pista pra aprender na prática Next.js, MongoDB, Fastify, Redis e Kafka, o CrazyStack Node e React do devdoido é a fita certa.
Man como é que eu faria pra ele considerar só o layout da minha página details ? por que ele pega o layout da page principal aí acanha meu designer, tipo ele junta os 2
Opa @devjunioralves... sugestão de vídeo... falar sobre erro de hydrating... to batendo cabeça por aqui... tudo funciona com esperado mas fico recebendo erro "There was an error while hydrating" pq ta rolando uma inconsistência entre o que foi renderizado no servidor e no cliente durante a inicialização do aplicativo
Opa, show man, valeu demais pela sugestão! Vou fazer sim.
Um salve professor. podes fazer um video sobre INTERNACIONALIZACAO ? cá na empresa estamos usando muito, e a nova actualizacao do NEXT mudou a forma de fazer. estou um pouco confuso.
Valeu 👍
Valeuuu 👊
Parabéns pelo conteúdo, muito bom 👏👏👏
Uma dúvida, se eu trocar o page.tsx por index.tsx dá algum problema?
Problema não chegar a dar, porém, sem ter o page.tsx na sua pasta você não consegue acessar a rota no navegador
Exatamente! O Next.js identifica o arquivo page.tsx na raiz para gerar a rota, se não tem, não gera a rota.
Valeu man 👊
Olá amigos, eu gostava de começar a gravar meus vídeos aulas de programação, assim como essa aula incrível, mas eu não sei quais são os app usados para isso.
Alguém pode me ajudar me indicando as apps para gravar a tela com ótima qualidade?
Junior, adorei sua explicação sobre o processo de montagem das rotas no Next.JS... Porém, comigo, não funcionou a customização da página 404. O projeto eu montei contigo no video "Iniciando DO ZERO com NextJS14. tem alguma dica do que eu possa ter feito de errado?? Parabens pelo canal
o arquivo tem que ta dentro da app, "not-found.tsx" e quando voce digitar qualquer rota que nao existe no seu projeto voce vai ver ela, ex: /rota
Oi, seus vídeos são muito bons, porém poderia só melhorar o áudio, esse vídeo eu só consegui ouvir porque deixei tudo no máximo.
Pois é. E olha que já pedi isso muitas vezes pra ele
Valeu pelo feedback, não é sempre que consigo editar os vídeos para mixar melhor o audio :(
Vocês escutam em caixa de som? Vejo o pessoal reclamando desde outros vídeos mas aqui pra mim tá bem alto o som, mas eu uso um headset
@@LikeaRoshanTM assistindo o vídeo no celular
Se ele falar próximo ao microfone resolveria.
todos as rotas filhas vão herdar o layout da rota pai? tem como remover um layout específico? Por exemplo em /users eu defino um layout so que em /users/videos eu quero que ele herde apenas do root ou ja é assim por default?
ele ja é default, layout da pasta app
First
Foi mais rápido que o Isaac! 😲
qual seu tema da pasta?
fala mano, usa alguma extensão pra sugerir as classes do tailwind dentro do vscode conforme tu digita?
@@PauloRoberto-qq2zq eu uso uma do próprio tailwind. Acho que e essa que ele usa também.
Colocar tradução i18n é um etapa meio complicadinha na primeira vez, céus.
falaaa, Junior, tudo bem? estou estudando front-end e ingressei na faculdade de ADS. Vejo que o mercado tá malucão na parte do front, você teria alguma dica do que seguir e aprender pra conseguir um estágio? Estou estudando React pelo seu canal =)
Faaala cara, blz?
Caramba, falei sobre isso com um convidado em uma live que fizemos no domingo.
Recomendo tu assistir ela, pois falamos vários dicas de como entrar no mercado de trabalho, vai te ajudar demais! A live ta gravada aqui no canal.
Junior qual é esse tema? e a biblioteca de icones? passa ai
O tema é o Illusion, os ícones são Symbols.
Tem um vídeo aqui no canal, ta na home do canal, onde mostro tudo que uso no meu VSCode, confere lá, tu vai curtir.
@@devjunioralves Vou ver sim, obg mano
To com uma duvida, tem algum problema se utilizar pages ao invez de app com next 13?
Não, nenhum Joao, pode utilizar normalmente.
O seu curso só aborda o uso do NextJS com TypeScript?
Sim, 100% Typescript.
😢
O que foi man?
bora que eu to com fome
Boraaa!