No video
O que é Next.js, na prática, em 15 minutos!
Рет қаралды 33,999
Жыл бұрын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
@LuizTools Жыл бұрын
Conheça meus cursos em www.luiztools.com.br/meus-cursos
@GeandersonLenz 10 ай бұрын
O que é Next.js, na prática, em 07 minutos! Vai tranquilo 2x
@computacaosemdrama9080 4 күн бұрын
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.
@raphaahonorato Жыл бұрын
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!!!!
@LuizTools Жыл бұрын
Fico feliz que tenha gostado Raphael!
@luisjorgemiranda7624 2 ай бұрын
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!!!
@LuizTools 2 ай бұрын
Fico feliz que os vídeos estejam ajudando.
@ronitorres749 26 күн бұрын
Muito bem explicado. Além de fazer alguma coisa, é importante sabe o porque fazer tal coisa. Obrigado Luiz!
@LuizTools 26 күн бұрын
Fico feliz que tenha gostado Roni!
@geraldoribeiros Жыл бұрын
Didática incrível sempre. Obrigado professor.
@LuizTools Жыл бұрын
Fico feliz que tenha gostado Geraldo!
@iTz0CA 9 ай бұрын
Concordo, unica coisa que precisa melhorar é a qualidade do audio
@iTz0CA 9 ай бұрын
Acredito que esteja abafado o som
@willyfontenelle Жыл бұрын
Muito bom e objetivo para quem quer entender rapidamente do que se trata com uma demonstração da estrutura dos arquivos.
@LuizTools Жыл бұрын
Essa era a ideia, fico feliz que tenha gostado!
@JoaoVictor-gp3bx 2 ай бұрын
Excelente didática! Muito obrigado pelo maravilhoso vídeo, Luiz.
@LuizTools 2 ай бұрын
Valeu João!
@josiasbudaydeveloper5864 Жыл бұрын
Aula fantástica!
@LuizTools Жыл бұрын
Fico feliz que tenha gostado Josias!
@viniciussantosaguiar9543 3 ай бұрын
Esse é o cara! Parabéns!
@LuizTools 3 ай бұрын
Valeu Vinicius!
@TheOliveira170 3 ай бұрын
Vídeo ótimo!! Ajudou bastante a entender o Next.js
@LuizTools 3 ай бұрын
Fico feliz que tenha gostado!
@DannielCristie Жыл бұрын
Muito bom, estava querendo realmente entender como funciona o next
@LuizTools Жыл бұрын
Fico feliz que tenha gostado Danniel!
@claytonhmagalhaes Жыл бұрын
Cara, que didatica incrivel. Parabens!
@LuizTools Жыл бұрын
Fico feliz que tenha gostado Clayton!
@FabianoCharan Жыл бұрын
Parabéns! muito boa a sua aula. direto e bem explicado!!
@LuizTools Жыл бұрын
Fico feliz que tenha gostado!
@lucase.5699 3 ай бұрын
Excelente aula.
@LuizTools 3 ай бұрын
Valeu Lucas!
@Kayquewilly12 Жыл бұрын
Muito obrigado professor!
@LuizTools Жыл бұрын
Fico feliz que tenha gostado Kayque!
@carlosbido8881 Жыл бұрын
Se tem Luiz, tem like!
@LuizTools Жыл бұрын
Agradeço a confiança!
@htrgilberti Жыл бұрын
Muito boa explicação. Excelente didática.
@LuizTools Жыл бұрын
Fico feliz que tenha gostado Heitor!
@mateusprodev 3 ай бұрын
mais um inscrito
@LuizTools 3 ай бұрын
Valeu Mateus!
@glautermoulin Жыл бұрын
Parabéns pela didática ! Excelente vídeo
@LuizTools Жыл бұрын
Fico feliz que tenha gostado Glauter!
@glautermoulin Жыл бұрын
@@LuizTools Voce tem algum curso sobre Next Luiz ?
@LuizTools Жыл бұрын
@@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
@klausmedeiros33 6 ай бұрын
Obrigado. Glória a DEUS!!!
@LuizTools 6 ай бұрын
Fico feliz que tenha gostado, Klaus.
@jussaraalves7043 4 ай бұрын
que aula boa!!
@LuizTools 4 ай бұрын
Fico feliz que tenha gostado Jussara!
@Anderson-rr9nn Жыл бұрын
Muito bom video, obrigado
@LuizTools Жыл бұрын
Fico feliz que tenha gostado Anderson!
@caiopjv 6 ай бұрын
Boa aula!
@LuizTools 6 ай бұрын
Valeu Caio!
@francieleconceicaodossanto8886 10 ай бұрын
Top de mais!
@LuizTools 10 ай бұрын
Fico feliz que tenha gostado!
@mauricio91129 11 ай бұрын
sensacional
@LuizTools 11 ай бұрын
Fico feliz que tenha gostado Mauricio!
@nicolemachado241 Ай бұрын
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....
@LuizTools Ай бұрын
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.
@nicolemachado241 27 күн бұрын
@@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
@rodneyneville6366 4 ай бұрын
o curso web23 /2024 vai utilizar nextjs ? está atualizado ou estará com versões node antigas?
@LuizTools 4 ай бұрын
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.
@caio7892 Жыл бұрын
ótimo vídeo!!
@LuizTools Жыл бұрын
Fico feliz que tenha gostado, Caio!
@steder20 2 ай бұрын
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.
@LuizTools 2 ай бұрын
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.
@ligianoazzi4607 3 ай бұрын
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
@LuizTools 3 ай бұрын
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.
@ligianoazzi4607 3 ай бұрын
@@LuizTools pois eh, seria uma quebra bem grande de paradigma. Obrigado pela atenção
@tadeuverao1743 5 ай бұрын
Muito bom. Tens alguns cursos sobre react e next?
@LuizTools 5 ай бұрын
Focados neles, não, mas que usam eles, sim. Beholder usa React e o Web23 usa os dois. luiztools.com.br/meus-cursos
@hugopereira9092 2 ай бұрын
Mto bom
@LuizTools 2 ай бұрын
Fico feliz que tenha gostado Hugo!
@ricardooliveira8105 8 ай бұрын
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?
@LuizTools 8 ай бұрын
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.
@Arte0ntv 6 ай бұрын
Excelente aula, tenho uma dúvida, o Nextjs faz a mesma coisa que o Vite?
@LuizTools 6 ай бұрын
Alguém me disse que são concorrentes, mas sinceramente eu não sei dizer pois nunca estudei Vite.
@paulinha-19 Жыл бұрын
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?
@LuizTools Жыл бұрын
É 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.
@paulinha-19 Жыл бұрын
@@LuizTools obrigada!
@jdsrs42 11 ай бұрын
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 ?
@LuizTools 11 ай бұрын
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.
@jdsrs42 11 ай бұрын
@@LuizTools Valeu Luiz bom find virei inscrito do teu conteúdo de qualidade
@LuizTools 11 ай бұрын
Valeu @@jdsrs42
@Matheus-mr4tl Ай бұрын
luiz voce tem algum curso? eu gostaria de aprender com voce
@LuizTools Ай бұрын
Tenho alguns sim, estão no comentário fixado.
@gabrielfelix8805 9 ай бұрын
Quall seria o ideal Luiz iniciar pelo React ou pelo Next buscando um desenvolvimento fullstack ?
@LuizTools 9 ай бұрын
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.
@gabrielfelix8805 9 ай бұрын
@@LuizTools obrigado Luiz muito show seu canal,testou aprendendo muito 👏👏
@taverneirosilva1591 Жыл бұрын
Boa
@abreakombi 10 ай бұрын
deu para assimilar bem porem esse lance de SSR nao entendi muito bem. esse lance de carregar primeiro no servidor nao ficou claro
@LuizTools 10 ай бұрын
É igual antigamente com ASP, PHP, etc. A requisição chega no server, ele gera o HTML e manda pro browser. Só isso.
@dantunesdrocha9966 Жыл бұрын
Top
@LuizTools Жыл бұрын
Fico feliz que tenha gostado!
@alyssoncordeiro4800 Жыл бұрын
é necessário ter o react instalado para instalar o next?
@LuizTools Жыл бұрын
O Next já instala ele internamente, não precisa instalar antes não. O que precisa sim é o Node.js instalado na máquina.
@pthiago_s5075 Жыл бұрын
Pq n tá na versão 13?
@LuizTools Жыл бұрын
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?
@pthiago_s5075 Жыл бұрын
@@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
@LuizTools Жыл бұрын
@@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.
@DuhDozemola 4 ай бұрын
Be calm😊
@Clipcorteshorts Жыл бұрын
o meu veio com app node_modules public, nao veio src
@LuizTools Жыл бұрын
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.
@Clipcorteshorts Жыл бұрын
@@LuizTools eu fiz aqui e ele criou agora, mas as pastas pages e style nao foram criadas, mas sim os arquivos na raiz .tsx
@LuizTools Жыл бұрын
@@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.
@Clipcorteshorts Жыл бұрын
@@LuizTools Error: Cannot find module 'node:buffer'
@LuizTools Жыл бұрын
@@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.
@CarlosAlbertoBrasil 9 ай бұрын
É tipo um php só que com javascript rs
@LuizTools 9 ай бұрын
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.
Odair Michael - devcode
Рет қаралды 50
Sujeito programador
Рет қаралды 16 М.