SSG - Static Site Generation

Percebeu que a página carregou instantaneamente, sem nenhum atraso? Isso é SSG (Static Site Generation) em ação! 🚀
No SSG, as páginas são pré-geradas durante o processo de build do site. Isso significa que o HTML já vem prontinho para ser exibido assim que você acessa a página, garantindo uma performance incrível.
👉 Dica: experimente desativar o JavaScript no navegador e recarregar a página. Você verá que o conteúdo ainda aparece, pois ele já vem todo montado !

Como funciona:

  • Página gerada durante o build
  • Next.js busca os dados da API
  • Gera HTML estático com os dados
  • HTML é armazenado
  • Todas as requisições recebem o mesmo HTML
bulbasaur

#001

bulbasaur

grasspoison
ivysaur

#002

ivysaur

grasspoison
venusaur

#003

venusaur

grasspoison
charmander

#004

charmander

fire
charmeleon

#005

charmeleon

fire
charizard

#006

charizard

fireflying
squirtle

#007

squirtle

water
wartortle

#008

wartortle

water
blastoise

#009

blastoise

water
caterpie

#010

caterpie

bug
metapod

#011

metapod

bug
butterfree

#012

butterfree

bugflying