O uso do Next.js no Portal de Imprensa

O Next.js é o framework React definitivo adotado para a área pública e administrativa do portal de Imprensa. Ele combina o melhor da renderização de componentes React com otimizações nativas de rede, roteamento e distribuição.

1. Abordagem Híbrida de Renderização

Para atender os rígidos requisitos de indexação do Google AdSense e a velocidade exigida por usuários reais, o portal utiliza:

• Static Site Generation (SSG): Páginas públicas e artigos de documentação são gerados de forma estática no momento do build. Isso garante que o crawler receba código HTML sem precisar aguardar chamadas de API do cliente.
• Client-Side Rendering (CSR): Áreas logadas e dinâmicas (como painéis administrativos /admin e /servicos) são tratadas como SPA tradicional para velocidade máxima em interações humanas.

2. Roteamento Avançado e Performance

• App Router: Organizado sob a estrutura de diretórios do Next.js, permitindo o uso de Layouts compartilhados de forma transparente.
• Lazy Loading: Importações dinâmicas (next/dynamic) e renderização condicional garantem que os navegadores só baixem o JS necessário para a tela atual, diminuindo significativamente o bundle inicial.