O App Router, introduzido no Next.js 13 e estabilizado na versão 14 e 15, representa uma mudança de paradigma em relação ao Pages Router. Não é apenas uma reorganização de pastas — é uma nova forma de pensar a composição de aplicações React.
O conceito central é o Server Component. Por padrão, todo componente no App Router é executado no servidor. Isso significa menos JavaScript enviado para o cliente, renderização mais rápida e acesso direto a dados sem APIs intermediárias. O cliente só entra quando há necessidade explícita de interatividade.
Na prática, isso muda muito. Componentes de navegação, seções de conteúdo e páginas inteiras são renderizados no servidor. Apenas o formulário de contato, animações e elementos interativos exigem "use client". O resultado é uma aplicação mais leve e mais rápida.
Layouts aninhados permitem compor a interface de forma modular sem prop drilling excessivo. O layout raiz define o esqueleto HTML, fontes e metadados globais. Layouts de seção adicionam navegação específica. Páginas são folhas dessa árvore.
A geração estática via generateStaticParams() permite pré-renderizar todas as páginas dinâmicas em build time. Para portais institucionais e blogs com conteúdo tipado, isso significa zero custo de servidor e carregamento instantâneo após o primeiro acesso.
Em todos os projetos da AR Software, usamos App Router como padrão. A curva de aprendizado inicial existe, mas a base técnica resultante é mais sólida, mais performática e mais fácil de manter no longo prazo.