Iniciando com server-side rendering (SSR) no ReactJS com Next.js | Diego Fernandes

Já pensou em passar a responsabilidade da renderização da nossa aplicação ReactJS para o servidor? Isso é possível graças ao NodeJS que permite criarmos os componentes React no back-end e trazê-los prontos ao carregar a tela.

Com esse comportamento podemos ter toda flexibilidade da componentização do ReactJS somados à performance e habilidade de indexação nos motores de busca de uma interface renderizada no back-end.

-----

Acompanhe a Rocketseat nas redes sociais:

[nunnofranca]

Ai Meu Falam tanto do PHP.. e configuram as suas liguagens para funcionarem igual ao PHP.... TE AMO PHP

[artur-bbjs]

Eu estou estudando atualmente react, eu vi sobre esse conceito recentemente, não sei muito sobre ele, mas esse vídeo me auxiliou demais para entender o conceito

[thawandotdev]

Puts, muito bom !!! Já tinha ouvido falar mas ainda não tinha visto na prática. Valeu por apresentar Diego !!! <3

Isso é fantástico! Isso ajuda o React a fazer jus ao slogan dele: "Learn Once, Write Anywhere" ou "Aprenda uma vez, escreva em qualquer lugar".

[thiagoaugusto]

Parabéns.
Isso tirou uma duvida que sempre tive, sobre como usar o react no mundo real (servidor de produção).
Muito obrigado, e parabéns pelo conteúdo de qualidade.

[tabokka]

Estava ansioso por este vídeo desde a story no Instagram um tempo atrás!
Muito bom conteúdo e didática! Parabéns!!!!1!

[iridium_m]

otima explicaçao, boa demais e bem simples.

[josiclerlemesilva]

Muito bom eu adorei a vídeo aprendi muito!!!

[devborges]

Mais sobre next com certeza !!!! 🚀🚀🚀🚀🚀

[rafaelfez]

Esse Next é quase um semi deus então kkk, valeu por apresentar Diego

[luizhenriqueanjos]

Conteúdo muito bom. Parabéns pelo video. Tive algumas dificuldades em fazer deploy no Firebase com o Nextjs em um projeto de Frontend com Reactjs + Typescript. Como sugestão ao canal, vocês poderiam criar um vídeo explanando um pouco mais sobre o deploy de um projeto que utiliza Nextjs, usando qualquer Cloud ou um mais conveniente. Fazer um deploy de um projeto com Nextjs é quase uma experiência de um deploy de backend, de for a mesma e pro mundo frontend pode ser um desafio em alguns momentos.

[iagobruno]

Queria deixar bem claro aqui minha gratidão por ter me apresentado o Next: OBRIGADO! cara eu tava usando um outro módulo chamado StealJS, que também é muito bom que faz algumas coisas que o Next faz também mas tava tendo dificuldade em habilitar o ssr e esse vídeo caiu como uma luva, por que o next vai funcionar melhor no meu projeto.

Inclusive você ta me ajudando bastante no meu aprendizado em React e olha que eu cheguei aqui não faz nem 24 horas kkkk

[mayconsilva]

Introdução
Sério, to quase passando mal do poder do javascript. Não me arrependo de ter me aprofundado nela e de ter entrado nessa área de programação cedo.

Agradeço muito ao Diego, Rocketseat em geral, Gustavo Guanabara que iniciei do zero, Felipe Deschamps, Dev Pleno, Balta.io e varios outros que me esqueci o nome. Graças a simples videos de vocês, eu conseguir resolver problemas que tive em trabalhos, estudos.

[hey_dan]

Curti muito a parte de rotas, bem simples.

[sofiaramos]

O vídeo começou com 3's and 7's do Queens?! Que inesperado (e legal também)!

[agenciavolksein]

Olá, primeiramente parabéns pelo super conteúdo e excelente didática, me tire uma dúvida por gentileza, eu conseguiria com ele esconder as API KEYS em variáveis de ambiente e consumi-las sem que a API KEY fique visível para o cliente??? Obrigadão desde já, grande abraço!

[adailsonmoreira]

Mais video next.js!!!
Como criar um API com MongoDB nele?

[fernandosouza]

Nesse caso, o Next permite um site feito em arquitetura REST ser indexado nos motores de busca?
Para um site pessoal por exemplo, seria interessante construí-lo com Next.js voltado ao SEO ou Nunjucks ja atenderia bem?

[danilloewertonpereiratorre]

Diego, tudo bem?
Meus parabéns pelo tutorial, me ajudou bastante.
Eu gostaria de saber se usando o NextJs é possível usar o axios para fazer requisiçōes para a API. Ou estou restrito para trabalhar apenas com o fetch/isomorphic-fetch ?
Abraço

[franciscodeoliveiraribeiro]

em um cenario onde tenho duas chamadas api, uma pra carregar as Marcas e outra pra carregas as Cores. como passar essas props pro componente usando typescript?