Senior Next.js — Perguntas de entrevista Next.js

Como você decide entre rendering estático, dinâmico e revalidado?

Pelo quão fresco o conteúdo precisa estar e quantas versões distintas existem. Páginas de marketing e artigos são estáticos com revalidation, já que um minuto de obsolescência não custa nada. Qualquer coisa personalizada é dinâmica, porque um cache por usuário não é um cache. A armadilha é tornar uma página dinâmica por acidente — ler cookies ou headers em qualquer lugar da árvore tira toda a rota do rendering estático.

Como você mantém o bundle do cliente pequeno em uma app com App Router?

Empurre 'use client' o mais para baixo possível e mantenha o fetching de dados no servidor, já que um componente que nunca chega ao navegador não custa nada. Depois o de sempre: imports dinâmicos para widgets pesados, e uma checagem rigorosa do que uma dependência traz junto — um client component importando uma lib de datas é como uma página ganha cem kilobytes. O analisador de bundle no CI é o que mantém isso honesto.

O que quebra quando você faz deploy do Next fora da Vercel?

A otimização de imagens precisa de um loader que você configure, ISR precisa de storage compartilhado para que cada instância revalide de forma consistente, e o middleware roda em Node em vez de um edge runtime. Nenhum é um bloqueador, mas cada um é uma decisão que a Vercel toma silenciosamente e o self-hosting torna explícita. Descobrir isso depois da migração é a ordem cara de aprender.

Como você lida com autenticação entre servidor e cliente?

Leia a sessão no servidor — em um layout, um Server Component ou middleware — para que conteúdo protegido nunca seja enviado a um navegador que não deveria tê-lo. Um redirect do lado do cliente depois do render vaza a página primeiro. O middleware cuida do bloqueio grosso; a verificação fina pertence junto aos dados, porque um route guard só protege a página e não o endpoint.

Quando você não usaria o Next?

Quando a app está atrás de um login e não tem requisito de SEO ou first-paint — um SPA simples é mais fácil de construir e hospedar, e boa parte do valor do Next é rendering de servidor que você não usaria. Também quando o time não consegue operar um servidor Node e um host estático é a restrição. Escolhê-lo por padrão é como um dashboard adquire um modelo de rendering de que nunca precisou.