Next.js

Next.js é o framework da Vercel que pega o React e acrescenta o que falta para colocar um site inteiro no ar. Você escreve os componentes da interface e o framework cuida de rotas, renderização, busca de dados, cache e build. O resultado é uma aplicação full stack num único projeto JavaScript, sem montar essa estrutura do zero.

Para que serve

• Criar sites e aplicações em React com rotas definidas pela estrutura de pastas do projeto.
• Renderizar páginas no servidor antes de entregá-las ao navegador.
• Escrever rotas de API (route handlers) no mesmo repositório do front-end.
• Controlar cache e busca de dados sem integrar bibliotecas separadas para isso.
• Acelerar o build com o ferramental em Rust que o próprio projeto mantém.

Como começar

Você precisa do Node.js instalado. Se ainda não conhece o ambiente, o post Node.js: o que é e quando usar no back-end explica a base. O site oficial indica um comando para criar o projeto:

npx create-next-app@latest

O assistente faz algumas perguntas e gera a estrutura de pastas. A documentação é dividida entre App Router e Pages Router, então leia a parte que corresponde ao seu projeto. Há também o curso gratuito Learn Next.js, que vai do básico de React até uma aplicação publicada. O framework coleta telemetria e o site oficial tem uma página explicando o que ela registra.

Licença e custo

O Next.js usa licença MIT: dá para usar, alterar e vender produtos feitos com ele, inclusive em projetos comerciais, sem pagar nada. A instalação vem do npm e a documentação é aberta, sem cadastro nem chave de API. O README não fala em plano pago para o framework.

Quando vale a pena

O Next.js rende mais para quem já usa React e quer entregar um site com páginas renderizadas no servidor, rotas e API no mesmo lugar. Para uma página estática simples, ou para quem não pretende usar React, o framework traz mais peças do que o necessário. Nesses casos, Astro e Remix são alternativas conhecidas.