O que é Next.js e o que ele adiciona ao React?

Question

Accepted Answer

**Next.js** é um **framework** React full-stack. React em si é apenas uma biblioteca UI — renderiza componentes, mas deixa routing, busca de dados, renderização no servidor e ferramentas de build para você. Next.js fornece tudo isso pronto para usar, mais um runtime de servidor. ## O que React sozinho deixa de fora (e Next.js adiciona) ```text React (library) → Next.js (framework) adds: ────────────────────────────────────────────────── UI rendering only → File-based routing (folders = routes) Client-side rendering → Server rendering (SSR), static generation (SSG), ISR You wire data fetching → Built-in data fetching + caching No backend → API routes / Route Handlers (full-stack) Manual bundling → Zero-config build, code splitting, optimization Manual → next/image (auto-optimized images), next/font ``` ## Um exemplo concreto: uma rota é apenas um arquivo ```tsx // app/about/page.tsx → automatically served at /about export default function About() { return

About us

; } ``` No React puro, você instalaria um router, configuraria rotas e configuraria um build. Em Next.js, criar o arquivo *é* a rota. ## Por que isso importa - **SEO e performance** — HTML renderizado no servidor significa que o conteúdo está na resposta inicial (bom para crawlers e first paint rápido), ao contrário de um SPA React apenas para cliente que envia uma página em branco e depois hidrata. - **Full-stack em um único projeto** — frontend e backend (rotas de API, Server Actions) vivem juntos. - **Padrões prontos para produção** — divisão automática de código, otimização de imagens/fontes, caching. ## Por que isso importa Next.js é o framework React mais popular porque transforma React de uma biblioteca UI em uma plataforma de aplicação completa — lidando com estratégia de renderização, routing, dados e um backend para que você se concentre em recursos em vez de infraestrutura. É a escolha padrão quando você precisa de SEO, performance ou lógica do lado do servidor com React.