Por Que Usar Next.JS?
Вставка
- Опубліковано 9 лют 2025
- ◆ formacao.dev ◆
◆ www.cod3r.com.br/ ◆
No vídeo de hoje, o Léo trouxe um assunto que tá bem em alta e sempre é pedido por vocês: Next.js.
A gente sabe que existem muitos motivos pra usar o Next. JS, não é por menos que ele está surfando no hype entre os programadores e programadoras por aí. É por isso que hoje resolvemos focar em um motivo muito legal pra você usar esse framework: o conteúdo estático e como ele pode te ajudar a melhorar o rankeamento do seu site em mecanismos de busca. Vem assistir!
Com mais de 400 mil alunos, a Cod3r é uma das principais escolas de tecnologia do País. Um dos seus produtos mais importantes é a Formação DEV, uma formação completa que tem o objetivo de preparar os profissionais para o mercado, desde iniciantes no mundo da programação ou profissionais que estão migrando de carreira, a arquitetos de software. A Formação DEV conta com uma solução completa para te ajudar a construir soluções inovadoras e enfrentar os desafios da era digital.
◆ Vem fazer parte da nossa comunidade:
Discord: / discord
Siga a Cod3r nas redes sociais:
UA-cam: bit.ly/2LJdjpX
Instagram: bit.ly/3bAStnX
Facebook: bit.ly/2MWAn5p
LinkedIn: bit.ly/3i3pfPC
Há então esse que é o famoso NextJs, impressionante. Sou um grande fã seu prof. Leonardo, atualmente faço o curso que você ministra na Udemy , "web moderno", parabéns pelo belo trabalho.
Tbm faço esse... Muito legal
Excelente aula!
Cara assisti varios vídeos de ontem pra cá e não tinha entendido nada do que o Next fazia, mas esse vídeo foi muito bem explicado!
Leonardo, muito bom o conteúdo apresentado pela Cod3r. Queria sugerir um vídeo sobre PWA (Progressive Web Apps). Tenho visto que está em alto e muitas empresas tem pedido experiência em PWA.
Procura com a Loiane q ela fala sobre
No aguardo do curso de next.js, Léo.
não conhecia o next...estudei frontend sem passar por ele e, que coisa fantástica. não tem hype à toa. é uma baita evolução pra o uso do react. mt bom. vou usar muito.
Mestre Leo, a Cod3r é referência, certeza que esse curso vai ser maravilhoso!
Aula sensacional. Didática perfeita. Léo arrebenta nas exposição das aulas. Só tenho uma reclamação, poderia habilitar pagamento mensal no cartão de débito da assinatura da Cod3r, como não tenho cartão de crédito, só débito, não consegui assinar. Por enquanto estou recorrendo em comprar na udemy seus cursos. Sucesso Léo e equipe.
Mano, que aula boa. Parabéns pela didática
Sugestão de vídeo:
Diferenças entre Nuxtjs e Nextjs.
Up
UP
UP
Calma galera vou responder, nuxtjs começa com Nu, e nextJs começa com Ne.
Até a próxima pessoal.
@@luizfranca9136 kkkkkkkkkkkkkkkkkkkkk
Ótimo vídeo, bem explicado! Em outros vídeos eu pensei que não tinha como rodar local para testar essa funcionalidade do Nextjs, achei que só funcionava com um deploy na Vercel o que não é verdade, muito show!
Bom dia , Mestre quando vai sair o seu curso de Nextjs?
conteúdo top, esclareceu minhas dúvidas!
no aguardo do curso Léo!
Tenho conhecimento em React. Devo aprender o framework nextjs ou vuejs ?
muito bom!
Pelo amor de Deus, ensina como a gente coloca ele em micro frontend 🙏🏻
Esse cara é fera na didática!
que Deus abencoe voce e a familia Leozão!
Ótimo video. Só dando meu testemunho, conheci o NextJS e ainda não consegui visualizar qual a diferença dele com template engine Twig do PHP. No Twig consigo colocar cache também em trechos da página. No final ele faz a mesma coisa. Se puder explicar agradeço.
Muito bom, estava vendo em outro curso sobre SSG e não entendido tão bem!
Muito bom
Deu pra entender muito bem
Obrigado
Leonardo, poderia me indicar programadores para eu contratar para um projeto? Necessito de programadores para react e demais teccnologias envolvidas para desenvolvimento de Apps.
obrigado!
top demais!
Boa tarde professor, obg pela didática excelente. Estava aqui pensando, Por que n adiciona um capítulo de next.js no curso de web moderno?
Esperando já o curso Léo
esse autocomplite com tab nao funciona aqui msm estando em arquivo jsx, pq? queria muito essa facilidade
O Nextjs renderiza corretamente quando se usa um Framework css em cima do React tb? .. Tipo o material, pq esses dias tentei fazer um app com react material usando o Nextjs e ao tentar desabilitar o js no navegador perdeu toda a estilização dos componentes do material restando so a carcaça html na página
Muito bem explanado o assunto... abraço.
Léo quando vale a pena usar PWA?
Muito bom seu conteudo irmao me tirou varias duvidas valeu demais
Muito boa a explicação 👏👏👏
Qual a forma mais rapida/facil de iniciar um projeto novo do 0 usando o Next.js
é atraves do comando "npx create-next-app" mesmo? ou tem outro jeito melhor?
como eu faço para acessar localStorage dentro de um getStaticProps??
Previsão para o curso?
Qual tema do seu vs code?
Vai haver curso de NextJS pela Cod3r ? se sim quando ?
Ganharam um inscrito.
mto bom conteúdo!
Cara não sou de ficar comentando, mas essa explicação foi sensacional, simples e tirou todas as minhas dívidas, só tenho que agradecer ...
Leo , comprei seu curso , me ajude a criar um protótipo profissional para eu poder iniciar os estudos e migrar meu sistema
esse codigo está com erro no useEffect pq o retorno é um Promise ou seja deve-se usar useEffect(()=>getValue,[])
acho que na epoca que ele gravou o vídeo, talvez o react permitia isso (posso está errado). Porém hoje vc precisa passar uma callback no useEffect e declarar a sua função assíncrona dentro dela, chamando logo após, ou pode usar uma IIEF.
@@nalbertcerqueira6079 isso é como exemplifiquei abaixo
Voce explica muito bem, adoro seus cursos, mais no Next.js não consigo enxergar um padrão, um design, parece uma bagunça só.
Massa valeu!
A difrença entre nuxt.js e next.js é que o nuxt junta o melhor de next e vue em um, e o next é next.
E aí, teremos um vídeo de nuxtjs também?
Aguardando o curso de Next.js
Esperando curso de next js
vidxão, primeira vez vendo o next.js
Na verdade, o simples fato de você exportar um componente react em um arquivo dentro da pasta "pages" já é suficiente para gerar uma página estática. Então, se o desenvolvedor não quiser passar nenhuma propriedade, nem precisa chamar o método getStaticProps()
boa !! isso é verdade, não precisamos utilizar o getStaticProps se quisermos simplesmente uma página estática que não muda.
Like automático
Engraçado.. Pq ninguém fala do Nuxtjs? Que veio antes por sinal.. Curioso
Tô aprendendo nuxt inclusive fazendo um curso aqui no UA-cam no canal do maiatto dev
Também prefiro Nuxt e Vuejs.
acho que a questão é comercial, a next.js eu não uso por nada, prefiro usar react.js puro do que usa-lo, porque vou ficar preso a empresa deles que é a Vercel e os preços podem ser mudados do futuro e se eu precisar migrar? eu gosto de liberdade! isso pode não ser problema para pequenos aplicativos, mas para aplicativos gigantes isso se torna um problema enorme.
@@victorsousa8955 não concordo, posso subir um next em qualquer cloud sem nenhuma dependência da infra vercel. Assim como subir um node em aws, azure, etc
@@victorsousa8955 isso não faz sentido mano, aplicação em NextJs não necessariamente precisa ser hospedada só na vercel.
import { useEffect, useState } from "react";
const Promo = () => {
const [value, setValue] = useState(0)
async function getValue(){
const resp = await fetch('/api/ok')
const data = await resp.json()
console.log(data)
setValue(data.myvalue)
}
useEffect(() => getValue , [])
return (
{value}
OMG
);
}
export default Promo;