Como fazer SEO com React, NextJS e Deploy estático feat. Dicas de Performance | Pokedex #DevSoutinho

SIGAM ESSE VÍDEO PARA O DEPLOY: https://youtu.be/d9c0r-J6CdM Eu to aqui pra nesse vídeo dizer que a gente vai aprender a começar uma app inspirada no desenho Pokémon com Nextjs e React, ver algumas dicas sobre performance e de quebra conhecer uma plataforma sensacional pra fazer deploy que é a Vercel. Tudo em 22 minutos nesse vídeo feito com todo o carinho do mundo construindo uma "Pokedex"! 😍 bora ver? \o Dentre os vários pontos que eu poderia falar, o custo de renderizar a aplicação toda no browser do usuário faz com que o carregamento inicial da aplicação seja mais lento caso você use algo como o Create React App, e caso você não siga alguma estratégia de code splitting e tudo mais isso pode prejudicar ainda mais como o usuário sente seu site carregando. Sem contar também que não ter um HTML final sendo gerado prejudica o trabalho dos robôs de indexação em achar o seu site. Pensando nisso e em vários outros pontos que queria tratar e compartilhar comecei essa série criando uma Pokedex (quem curte pokémon tamo ai ❤️) com React e NextJS, esse último por sua vez nos ajuda a resolver vários dos problemas de performance e principalmente de ter esse HTML final super útil também pra SEO. 🔸 Código do Vídeo ■ Link com código do projeto: https://github.com/omariosouto/pokedex 🔸 Links extras do vídeo ■ Links de documentação no comentário pinado :) 🔸Quer ver mais conteúdos meus? Segue ai! ■ https://twitter.com/omariosouto ■ https://instagram.com/omariosouto ■ https://t.me/hipstersfrontend 🔸Sabia que eu tenho séries na Alura também? ■ https://www.alura.com.br/webseries/fronteiras-do-frontend ■ https://www.alura.com.br/webseries/git-e-github-para-sobrevivencia 🔸Tópicos do Vídeo 00:00 | Conhecendo o projeto, e os problemas 02:30 | Começando o código com o NextJS 06:16 | Conhecendo a PokeAPI 12:26 | Deployando o projeto na CDN Vercel