Explore os diferentes métodos de renderização do Next.js usando a PokéAPI
Renderizado no servidor a cada requisição
Renderizado no navegador do cliente
Gerado estaticamente no build
Regeneração estática incremental
Esta aplicação demonstra os 4 principais métodos de renderização do Next.js, cada um buscando dados da PokéAPI de forma diferente.
Para uma melhor experiência e para testar como cada método funciona na prática, sugiro que altere a velocidade da sua rede para 3G ou 4G nas DevTools do navegador. Dessa forma, você consegue perceber com mais clareza as diferenças de performance e a experiência do usuário.
O código fonte está disponível no GitHub