O que é Next.js, na prática, em 15 minutos!
ฝัง
- เผยแพร่เมื่อ 26 ส.ค. 2024
- Olá, tudo bem?
No vídeo de hoje eu vou lhe explicar o que é o Next.js, para quê ele serve e como utilizá-lo na prática para criar suas aplicações React mais profissionais.
Série Next.js para Iniciantes: www.luiztools....
Me siga nas redes sociais: about.me/luizt...
Receba novidades no Telegram: t.me/luiznews
Um abraço e sucesso.
Prof. Luiz
Conheça meus cursos em www.luiztools.com.br/meus-cursos
O que é Next.js, na prática, em 07 minutos! Vai tranquilo 2x
Se tu quer pegar a visão de Next.js, MongoDB, Fastify, Redis e Kafka, o CrazyStack Node e React do devdoido é o corre certo.
caramba professor, ja tinha visto algumas coisas sobre next, mas nunca tinha mexido. estou começando uma migração de um projeto antigo e isso vai resolver boa parte dos problemas que to tendo kkkk. Ótimo conteúdo!!!!
Fico feliz que tenha gostado Raphael!
Didática incrível sempre. Obrigado professor.
Fico feliz que tenha gostado Geraldo!
Concordo, unica coisa que precisa melhorar é a qualidade do audio
Acredito que esteja abafado o som
Muito bem explicado. Além de fazer alguma coisa, é importante sabe o porque fazer tal coisa. Obrigado Luiz!
Fico feliz que tenha gostado Roni!
Boa noite!
Eu estou começando agora no mundo da tecnologia. E vejo que os seus vídeos irão me ajudar muito.
Parabéns pela didática!!!
Fico feliz que os vídeos estejam ajudando.
Muito bom e objetivo para quem quer entender rapidamente do que se trata com uma demonstração da estrutura dos arquivos.
Essa era a ideia, fico feliz que tenha gostado!
Excelente didática! Muito obrigado pelo maravilhoso vídeo, Luiz.
Valeu João!
Aula fantástica!
Fico feliz que tenha gostado Josias!
Muito bom, estava querendo realmente entender como funciona o next
Fico feliz que tenha gostado Danniel!
Esse é o cara! Parabéns!
Valeu Vinicius!
Vídeo ótimo!! Ajudou bastante a entender o Next.js
Fico feliz que tenha gostado!
Cara, que didatica incrivel. Parabens!
Fico feliz que tenha gostado Clayton!
Muito obrigado professor!
Fico feliz que tenha gostado Kayque!
Parabéns! muito boa a sua aula. direto e bem explicado!!
Fico feliz que tenha gostado!
Se tem Luiz, tem like!
Agradeço a confiança!
Excelente aula.
Valeu Lucas!
mais um inscrito
Valeu Mateus!
Muito boa explicação. Excelente didática.
Fico feliz que tenha gostado Heitor!
Top de mais!
Fico feliz que tenha gostado!
que aula boa!!
Fico feliz que tenha gostado Jussara!
Muito bom video, obrigado
Fico feliz que tenha gostado Anderson!
Obrigado. Glória a DEUS!!!
Fico feliz que tenha gostado, Klaus.
Parabéns pela didática ! Excelente vídeo
Fico feliz que tenha gostado Glauter!
@@LuizTools Voce tem algum curso sobre Next Luiz ?
@@glautermoulin Curso de Next.js, não. Curso que usa Next.js em um ou mais projetos tem o Web23: www.luiztools.com.br/curso-web23
Boa aula!
Valeu Caio!
sensacional
Fico feliz que tenha gostado Mauricio!
adorei o vídeo!
eu trabalho com react a 2 anos, mas recentemente peguei um freela para fazer a landing page de uma provedora de internet. Estou na dúvida se utilizo Next ou React....
será apenas um "início, empresas, sobre, cliente". porém também terá um "formulário" para o usuário montar seu combo. mais na dúvida de qual tecnologia usar, por conta desse formulário....
Se usar React, vai ter de fornecer um backend pra receber esse envio de email. Se usar Next, pode usar o Next como front e back, fazendo o envio.
@@LuizTools hmmm bom saber!! eu peguei um freela em uma empresa, eles tem um backend lá que fez o front atual do site, ele vai me fornecer as apis necessárias
mas muito legal saber disso
ótimo vídeo!!
Fico feliz que tenha gostado, Caio!
Muito bom. Tens alguns cursos sobre react e next?
Focados neles, não, mas que usam eles, sim. Beholder usa React e o Web23 usa os dois. luiztools.com.br/meus-cursos
Mto bom
Fico feliz que tenha gostado Hugo!
OK! Deixa ver se entendi... O Next eu uso em projetos onde preciso de definição de rotas entre páginas? Talvez me falte conhecimento prático de React para entender a necessidade do Next.
Não, o Next você usa quando quer um framework React focado em SSR (Server Side Rendering), o que pode aumentar performance do frontend e SEO de páginas públicas. Dentre as diversas funcionalidades que ele adiciona ao React além do SSR, UMA delas é o App Router, um mecanismo de roteamento automático.
Tem algum vídeo ou como seria pra fazer no caso de já ter o projeto com react js e adaptar pra usar next js?
Não tem como "adaptar". Tem de criar o projeto em Next, do zero como mostrei e depois ir transplantando os arquivos do projeto antigo, um a um e ajustando o que acusar erro ou parar de funcionar. Migração mesmo.
o curso web23 /2024 vai utilizar nextjs ? está atualizado ou estará com versões node antigas?
Ele usa NextJS desde a sua primeira versão e está atualizado 2024. No entanto, não começamos o curso direto com Next, vemos primeiro React e depois de alguns projetos vamos pro Next e aí sim usamos até o final do curso nos demais projetos.
Excelente aula, tenho uma dúvida, o Nextjs faz a mesma coisa que o Vite?
Alguém me disse que são concorrentes, mas sinceramente eu não sei dizer pois nunca estudei Vite.
mantenho um site de um jornal e estou na duvida se:
> gero um html estatico em um servidor php
> gero um html estatico usando next js SSR
Qual carregaria mais rapido?
* cogito o PHP, pois o site ja esta em PHP, atualmente temos um site todo em PHP que consone um json que [e gerado a cada x tempo
Se você já tem tudo funcionando em PHP, segue em PHP, não vejo porque deveriam, misturar essas tecnologias. Sobre performance, se está usando CDN para entregar os arquivos estáticos, não faria qualquer diferença prática ser feito em PHP, Next.js ou qualquer outra tecnologia.
@@LuizTools pois eh, seria uma quebra bem grande de paradigma. Obrigado pela atenção
luiz voce tem algum curso? eu gostaria de aprender com voce
Tenho alguns sim, estão no comentário fixado.
Então o Next cria vários arquivos html para uma aplicação React e quando o usuário solicita o html o back-end envia o conteúdo para o cliente (browser) ? É isso?
É um pouco mais complexo já que ele não conseguiria criar antecipadamente todos os html necessários. Na verdade o servidor Node do Next fica entregando dinamicamente o html necessário, assim como faria um servidor php ou asp.
@@LuizTools obrigada!
Bom material Luiz, gostei bastante do contéudo,uma pergunta estou entrando no mercado a necessidade de adquirir o conhecimento de ReactJS, ou posso focar totalmente em Next.jS ?
Não tem como programar em NextJS sem saber nada de ReactJS, pois ele é um framework React. Ou você aprende tudo junto (em paralelo) ou primeiro aprende React e depois Next, que foi o caminho que eu fiz e recomendo.
@@LuizTools Valeu Luiz bom find virei inscrito do teu conteúdo de qualidade
Valeu @@jdsrs42
Boa
Top
Fico feliz que tenha gostado!
deu para assimilar bem porem esse lance de SSR nao entendi muito bem. esse lance de carregar primeiro no servidor nao ficou claro
É igual antigamente com ASP, PHP, etc. A requisição chega no server, ele gera o HTML e manda pro browser. Só isso.
Quall seria o ideal Luiz iniciar pelo React ou pelo Next buscando um desenvolvimento fullstack ?
Não acredito ser produtivo começar pelo Next sem saber nada de React. Ou vai ter de aprender tudo junto e misturado ou comece pelo React e depois vai pro Next.
@@LuizTools obrigado Luiz muito show seu canal,testou aprendendo muito 👏👏
Pq n tá na versão 13?
As versões mudam com o passar do tempo, é natural que ocorram diferenças entre os vídeos e a máquina de vocês. Chegou a tentar fazer o tutorial mesmo assim?
@@LuizTools Tô me atualizando novamente no next, estudando a versão 13. Perguntei pq o vídeo tem 2 meses, ai estranhei n estar na 13
@@pthiago_s5075 Ué, mas ele está sim na v13 do Next. Minuto 9:21, mostra o package.json com v13. Minuto 9:58, mostra o olá mundo do Next com v13 também. Não entendi porque acha que não usei a v13 no vídeo.
Be calm😊
é necessário ter o react instalado para instalar o next?
O Next já instala ele internamente, não precisa instalar antes não. O que precisa sim é o Node.js instalado na máquina.
o meu veio com app node_modules public, nao veio src
Durante a criação do projeto uma das perguntas que ele te faz é se deseja ter pasta src. No meu caso eu respondi sim, por isso criou.
@@LuizTools eu fiz aqui e ele criou agora, mas as pastas pages e style nao foram criadas, mas sim os arquivos na raiz .tsx
@@Clipcorteshorts Novamente são configurações que você faz na criação do projeto. Dá pra configurar com ou sem TailWind e isso afeta as pastas e arquivos que são criados, entre outras configurações.
@@LuizTools Error: Cannot find module 'node:buffer'
@@Clipcorteshorts isso indica que está faltando um módulo no seu programa ou na sua instalação do Node. Qual a versão de Node que está usando? A recomendada é a versão 18.
É tipo um php só que com javascript rs
Não apenas JS, mas ReactJS, podendo usar client-side e server-side. Acho que aí que fica a principal diferença em relação ao PHP que é sempre server-side e sem React.