Тёмный

O que é Next.js, na prática, em 15 minutos! 

LuizTools
Подписаться 30 тыс.
Просмотров 37 тыс.
50% 1

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

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

 

29 сен 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 114   
@LuizTools
@LuizTools Год назад
Conheça meus cursos em www.luiztools.com.br/meus-cursos
@GeandersonLenz
@GeandersonLenz Год назад
O que é Next.js, na prática, em 07 minutos! Vai tranquilo 2x
@computacaosemdrama9080
@computacaosemdrama9080 Месяц назад
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.
@htrgilberti
@htrgilberti Год назад
Muito boa explicação. Excelente didática.
@LuizTools
@LuizTools Год назад
Fico feliz que tenha gostado Heitor!
@nicolemachado241
@nicolemachado241 2 месяца назад
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
@LuizTools 2 месяца назад
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
@nicolemachado241 2 месяца назад
@@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
@raphaahonorato
@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
@LuizTools Год назад
Fico feliz que tenha gostado Raphael!
@rodneyneville6366
@rodneyneville6366 5 месяцев назад
o curso web23 /2024 vai utilizar nextjs ? está atualizado ou estará com versões node antigas?
@LuizTools
@LuizTools 5 месяцев назад
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.
@geraldoribeiros
@geraldoribeiros Год назад
Didática incrível sempre. Obrigado professor.
@LuizTools
@LuizTools Год назад
Fico feliz que tenha gostado Geraldo!
@iTz0CA
@iTz0CA 10 месяцев назад
Concordo, unica coisa que precisa melhorar é a qualidade do audio
@iTz0CA
@iTz0CA 10 месяцев назад
Acredito que esteja abafado o som
@steder20
@steder20 3 месяца назад
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
@LuizTools 3 месяца назад
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.
@lcamargodasilva
@lcamargodasilva День назад
Primerio vídeo do canal, muito bom. Parabêns professor!
@LuizTools
@LuizTools День назад
Valeu!
@ligianoazzi4607
@ligianoazzi4607 4 месяца назад
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
@LuizTools 4 месяца назад
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
@ligianoazzi4607 4 месяца назад
@@LuizTools pois eh, seria uma quebra bem grande de paradigma. Obrigado pela atenção
@Matheus-mr4tl
@Matheus-mr4tl 3 месяца назад
luiz voce tem algum curso? eu gostaria de aprender com voce
@LuizTools
@LuizTools 3 месяца назад
Tenho alguns sim, estão no comentário fixado.
@willyfontenelle
@willyfontenelle Год назад
Muito bom e objetivo para quem quer entender rapidamente do que se trata com uma demonstração da estrutura dos arquivos.
@LuizTools
@LuizTools Год назад
Essa era a ideia, fico feliz que tenha gostado!
@paulinha-19
@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
@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
@paulinha-19 Год назад
@@LuizTools obrigada!
@emersonsilva2886
@emersonsilva2886 7 дней назад
Que aula meus amigos
@LuizTools
@LuizTools 6 дней назад
Valeu Emerson!
@josiasbudaydeveloper5864
@josiasbudaydeveloper5864 Год назад
Aula fantástica!
@LuizTools
@LuizTools Год назад
Fico feliz que tenha gostado Josias!
@carlosbido8881
@carlosbido8881 Год назад
Se tem Luiz, tem like!
@LuizTools
@LuizTools Год назад
Agradeço a confiança!
@Kayquewilly12
@Kayquewilly12 Год назад
Muito obrigado professor!
@LuizTools
@LuizTools Год назад
Fico feliz que tenha gostado Kayque!
@ronitorres749
@ronitorres749 2 месяца назад
Muito bem explicado. Além de fazer alguma coisa, é importante sabe o porque fazer tal coisa. Obrigado Luiz!
@LuizTools
@LuizTools 2 месяца назад
Fico feliz que tenha gostado Roni!
@DannielCristie
@DannielCristie Год назад
Muito bom, estava querendo realmente entender como funciona o next
@LuizTools
@LuizTools Год назад
Fico feliz que tenha gostado Danniel!
@JoaoVictor-gp3bx
@JoaoVictor-gp3bx 3 месяца назад
Excelente didática! Muito obrigado pelo maravilhoso vídeo, Luiz.
@LuizTools
@LuizTools 3 месяца назад
Valeu João!
@luisjorgemiranda7624
@luisjorgemiranda7624 3 месяца назад
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
@LuizTools 3 месяца назад
Fico feliz que os vídeos estejam ajudando.
@Anderson-rr9nn
@Anderson-rr9nn Год назад
Muito bom video, obrigado
@LuizTools
@LuizTools Год назад
Fico feliz que tenha gostado Anderson!
@Arte0ntv
@Arte0ntv 8 месяцев назад
Excelente aula, tenho uma dúvida, o Nextjs faz a mesma coisa que o Vite?
@LuizTools
@LuizTools 8 месяцев назад
Alguém me disse que são concorrentes, mas sinceramente eu não sei dizer pois nunca estudei Vite.
@iridium-x7i
@iridium-x7i Год назад
deu para assimilar bem porem esse lance de SSR nao entendi muito bem. esse lance de carregar primeiro no servidor nao ficou claro
@LuizTools
@LuizTools Год назад
É igual antigamente com ASP, PHP, etc. A requisição chega no server, ele gera o HTML e manda pro browser. Só isso.
@francieleconceicaodossanto8886
Top de mais!
@LuizTools
@LuizTools Год назад
Fico feliz que tenha gostado!
@giselerodrigues7016
@giselerodrigues7016 Месяц назад
Muito bom! Estou começando no next agora :D
@LuizTools
@LuizTools Месяц назад
Show, tem alguns vídeos aqui no canal e alguns artigos lá no blog. Links na descrição.
@TheOliveira170
@TheOliveira170 4 месяца назад
Vídeo ótimo!! Ajudou bastante a entender o Next.js
@LuizTools
@LuizTools 4 месяца назад
Fico feliz que tenha gostado!
@ricardooliveira8105
@ricardooliveira8105 10 месяцев назад
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
@LuizTools 10 месяцев назад
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.
@pthiago_s5075
@pthiago_s5075 Год назад
Pq n tá na versão 13?
@LuizTools
@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
@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
@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
@DuhDozemola 6 месяцев назад
Be calm😊
@tadeuverao1743
@tadeuverao1743 7 месяцев назад
Muito bom. Tens alguns cursos sobre react e next?
@LuizTools
@LuizTools 7 месяцев назад
Focados neles, não, mas que usam eles, sim. Beholder usa React e o Web23 usa os dois. luiztools.com.br/meus-cursos
@mauricio91129
@mauricio91129 Год назад
sensacional
@LuizTools
@LuizTools Год назад
Fico feliz que tenha gostado Mauricio!
@gabrielfelix8805
@gabrielfelix8805 11 месяцев назад
Quall seria o ideal Luiz iniciar pelo React ou pelo Next buscando um desenvolvimento fullstack ?
@LuizTools
@LuizTools 11 месяцев назад
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
@gabrielfelix8805 11 месяцев назад
@@LuizTools obrigado Luiz muito show seu canal,testou aprendendo muito 👏👏
@alyssoncordeiro4800
@alyssoncordeiro4800 Год назад
é necessário ter o react instalado para instalar o next?
@LuizTools
@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.
@CarlosAlbertoBrasil
@CarlosAlbertoBrasil 11 месяцев назад
É tipo um php só que com javascript rs
@LuizTools
@LuizTools 11 месяцев назад
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.
@taverneirosilva1591
@taverneirosilva1591 Год назад
Boa
@jdsrs42
@jdsrs42 Год назад
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
@LuizTools Год назад
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
@jdsrs42 Год назад
@@LuizTools Valeu Luiz bom find virei inscrito do teu conteúdo de qualidade
@LuizTools
@LuizTools Год назад
Valeu @@jdsrs42
@klausmedeiros33
@klausmedeiros33 7 месяцев назад
Obrigado. Glória a DEUS!!!
@LuizTools
@LuizTools 7 месяцев назад
Fico feliz que tenha gostado, Klaus.
@FabianoCharan
@FabianoCharan Год назад
Parabéns! muito boa a sua aula. direto e bem explicado!!
@LuizTools
@LuizTools Год назад
Fico feliz que tenha gostado!
@mateusprodev
@mateusprodev 5 месяцев назад
mais um inscrito
@LuizTools
@LuizTools 5 месяцев назад
Valeu Mateus!
@claytonhmagalhaes
@claytonhmagalhaes Год назад
Cara, que didatica incrivel. Parabens!
@LuizTools
@LuizTools Год назад
Fico feliz que tenha gostado Clayton!
@viniciussantosaguiar9543
@viniciussantosaguiar9543 5 месяцев назад
Esse é o cara! Parabéns!
@LuizTools
@LuizTools 5 месяцев назад
Valeu Vinicius!
@lucase.5699
@lucase.5699 4 месяца назад
Excelente aula.
@LuizTools
@LuizTools 4 месяца назад
Valeu Lucas!
@Clipcorteshorts
@Clipcorteshorts Год назад
o meu veio com app node_modules public, nao veio src
@LuizTools
@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
@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
@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
@Clipcorteshorts Год назад
@@LuizTools Error: Cannot find module 'node:buffer'
@LuizTools
@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.
@hugopereira9092
@hugopereira9092 4 месяца назад
Mto bom
@LuizTools
@LuizTools 4 месяца назад
Fico feliz que tenha gostado Hugo!
@jussaraalves7043
@jussaraalves7043 6 месяцев назад
que aula boa!!
@LuizTools
@LuizTools 6 месяцев назад
Fico feliz que tenha gostado Jussara!
@caiopjv
@caiopjv 7 месяцев назад
Boa aula!
@LuizTools
@LuizTools 7 месяцев назад
Valeu Caio!
@dantunesdrocha9966
@dantunesdrocha9966 Год назад
Top
@LuizTools
@LuizTools Год назад
Fico feliz que tenha gostado!
@glautermoulin
@glautermoulin Год назад
Parabéns pela didática ! Excelente vídeo
@LuizTools
@LuizTools Год назад
Fico feliz que tenha gostado Glauter!
@glautermoulin
@glautermoulin Год назад
@@LuizTools Voce tem algum curso sobre Next Luiz ?
@LuizTools
@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
@caio7892
@caio7892 Год назад
ótimo vídeo!!
@LuizTools
@LuizTools Год назад
Fico feliz que tenha gostado, Caio!
Далее
Frontend chamando Backend (ReactJS + Axios)
11:42
Просмотров 4,1 тыс.
Next.js para Iniciantes na prática! (aulão)
44:04
Просмотров 5 тыс.
I Took An iPhone 16 From A POSTER! 😱📱 #shorts
00:18
Дикий Бармалей разозлил всех!
01:00
NextJS o Marketing da Vercel
19:02
Просмотров 33 тыс.
O que é NestJS? É melhor que ExpressJS?
7:02
Просмотров 4,2 тыс.
Recriei a interface do Spotify usando Tailwind
52:36
Просмотров 116 тыс.
Criando UI no React na velocidade da luz! (shadcn/ui)
14:55
Entenda o roteamento no Next.js 14!
17:18
Просмотров 7 тыс.
I Took An iPhone 16 From A POSTER! 😱📱 #shorts
00:18