Por Que Usar Next.JS?

Подписаться 94 тыс.

Просмотров 34 тыс.

50% 1

◆ 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:
RU-vid: bit.ly/2LJdjpX
Instagram: bit.ly/3bAStnX
Facebook: bit.ly/2MWAn5p
LinkedIn: bit.ly/3i3pfPC

Наука

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

12 апр 2021

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 73

@marcosviniciosrochadasilva4663 3 года назад

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.

@eshopfacil 3 года назад

Tbm faço esse... Muito legal

@jerryjfernandes 3 года назад

Mestre Leo, a Cod3r é referência, certeza que esse curso vai ser maravilhoso!

@luizcardoso7263 3 года назад

Ó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!

@btc_only 3 года назад

que Deus abencoe voce e a familia Leozão!

@CleytonChagas 3 года назад

Esperando já o curso Léo

@henriqueBalsimelli 11 месяцев назад

Mano, que aula boa. Parabéns pela didática

@dithan2664 Год назад

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!

@claudiasouza602 3 года назад

no aguardo do curso Léo!

@samusaw 3 года назад

Esse cara é fera na didática!

@thiagosoares4686 3 года назад

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.

@TheBackBlood 3 года назад

Procura com a Loiane q ela fala sobre

@rogerioblucio 3 года назад

Muito bem explanado o assunto... abraço.

@jrmaiafs 3 года назад

No aguardo do curso de next.js, Léo.

@renatobonatelli7830 3 года назад

Muito bom seu conteudo irmao me tirou varias duvidas valeu demais

@TheMaxwell880 2 года назад

Muito boa a explicação 👏👏👏

@eliasfaical8879 3 года назад

Muito bom, estava vendo em outro curso sobre SSG e não entendido tão bem!

@VitorAdonaicps 3 года назад

Sugestão de vídeo: Diferenças entre Nuxtjs e Nextjs.

@ismaelpdro 3 года назад

@josethiagop.1981 3 года назад

@jonassantos6054 3 года назад

@luizfranca9136 3 года назад

Calma galera vou responder, nuxtjs começa com Nu, e nextJs começa com Ne. Até a próxima pessoal.

@chandelima 3 года назад

@@luizfranca9136 kkkkkkkkkkkkkkkkkkkkk

@programandobyahn9566 3 года назад

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.

@thicodeoliveira 2 года назад

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.

@pedrovaladao3618 8 месяцев назад

muito bom!

@helamaewerton6860 Год назад

Muito bom Deu pra entender muito bem Obrigado

@jonascostasilva1865 Год назад

conteúdo top, esclareceu minhas dúvidas!

@tiagobarbosa6767 2 года назад

mto bom conteúdo!

@guilhermefernandes7327 3 года назад

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?

@HenriqueSantos88 Год назад

top demais!

@AndersonLima40 3 года назад

Bom dia , Mestre quando vai sair o seu curso de Nextjs?

@hebsonaraujo3171 3 года назад

Massa valeu!

@ygorsalles4032 3 года назад

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

@leandromaxado 3 года назад

Ganharam um inscrito.

@gabrielvj1854 3 года назад

como eu faço para acessar localStorage dentro de um getStaticProps??

@diogomainardes 2 года назад

Ó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.

@acionarseguros4974 3 года назад

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!

@denneraladim6190 5 месяцев назад

Tenho conhecimento em React. Devo aprender o framework nextjs ou vuejs ?

@guilhermemm-dev 2 года назад

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?

@killer-cf 2 года назад

esse autocomplite com tab nao funciona aqui msm estando em arquivo jsx, pq? queria muito essa facilidade

@luisfelipeg4377 3 года назад

Qual tema do seu vs code?

@rbltv Год назад

Pelo amor de Deus, ensina como a gente coloca ele em micro frontend 🙏🏻

@emanoelinfinity 3 года назад

Léo quando vale a pena usar PWA?

@gustavocgsg 3 года назад

Vai haver curso de NextJS pela Cod3r ? se sim quando ?

@denysantos9012 3 года назад

vidxão, primeira vez vendo o next.js

@DerlisRuizDiazR 2 года назад

Like automático

@AlanSilva-cm8wc 3 года назад

Previsão para o curso?

@erosserver8142 2 года назад

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ó.

@thiagojosedasilva8866 3 года назад

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 ...

@Franklin-hk7wl 2 года назад

Leo , comprei seu curso , me ajude a criar um protótipo profissional para eu poder iniciar os estudos e migrar meu sistema

@TheKingflare 3 года назад

E aí, teremos um vídeo de nuxtjs também?

@wallaceferreira4739 3 года назад

Esperando curso de next js

@kelveskk 3 года назад

Aguardando o curso de Next.js

@danilogozzialgaranazdossan5812 3 года назад

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.

@jvcss Год назад

esse codigo está com erro no useEffect pq o retorno é um Promise ou seja deve-se usar useEffect(()=>getValue,[])

@nalbertcerqueira6079 Год назад

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.

@jvcss Год назад

@@nalbertcerqueira6079 isso é como exemplifiquei abaixo

@lucasocouto Год назад

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()

@nalbertcerqueira6079 Год назад

boa !! isso é verdade, não precisamos utilizar o getStaticProps se quisermos simplesmente uma página estática que não muda.

@bruno2182 3 года назад

Engraçado.. Pq ninguém fala do Nuxtjs? Que veio antes por sinal.. Curioso

@whoisbrux 3 года назад

Tô aprendendo nuxt inclusive fazendo um curso aqui no RU-vid no canal do maiatto dev

@VitorAdonaicps 3 года назад

Também prefiro Nuxt e Vuejs.

@victorsousa8955 3 года назад

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.

@MauriciodeOliveiraFrancisco 3 года назад

@@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

@nan-code 3 года назад

@@victorsousa8955 isso não faz sentido mano, aplicação em NextJs não necessariamente precisa ser hospedada só na vercel.

@jvcss Год назад

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;