API Routes do Next.js
Route Handlers, requisições GET/POST, middleware, CORS, autenticação, tratamento de erros
1O que é um Route Handler no Next.js 13+ com o App Router?
O que é um Route Handler no Next.js 13+ com o App Router?
Resposta
Um Route Handler é uma função de servidor em um arquivo route.ts (ou route.js) que permite criar endpoints de API personalizados. Diferente das API Routes do Pages Router (pasta pages/api), os Route Handlers ficam na pasta app/ e suportam Web Standard Request/Response. Eles lidam com requisições HTTP (GET, POST, PUT, DELETE, etc.) no lado do servidor.
2Como criar um Route Handler para lidar com uma requisição GET?
Como criar um Route Handler para lidar com uma requisição GET?
Resposta
Para lidar com uma requisição GET, exporte uma função async chamada GET em um arquivo route.ts. Essa função recebe um objeto Request e retorna uma Response usando NextResponse.json(). O Next.js mapeia automaticamente a função GET exportada para as requisições HTTP GET nessa rota. Os outros métodos HTTP (POST, PUT, DELETE, PATCH) seguem o mesmo padrão com seus respectivos nomes.
3Qual é a diferença entre NextResponse e Response padrão?
Qual é a diferença entre NextResponse e Response padrão?
Resposta
NextResponse estende a classe Response padrão da Web com funcionalidades específicas do Next.js. Oferece métodos práticos como NextResponse.json() para serialização automática, NextResponse.redirect() para redirecionamentos, e facilita a manipulação de cookies e headers. Embora o Response padrão funcione, o NextResponse é recomendado pois simplifica o código e oferece melhor integração com o ecossistema do Next.js.
Como recuperar os parâmetros de busca (query params) em um Route Handler?
Como lidar com uma requisição POST e recuperar o body JSON?
+17 perguntas de entrevista
Outros temas de entrevista React / Next.js
Fundamentos de JavaScript
Fundamentos do React
React Hooks
Ciclo de vida dos componentes
React Router
Gerenciamento de estado com Context
Formulários e Controlled Components
Busca de dados e API
React Query (TanStack Query)
Styling & CSS-in-JS
Fundamentos do Next.js
TypeScript com React
Data Fetching no Next.js
Server Actions do Next.js
Roteamento e Navegação no Next.js
Metadata & SEO no Next.js
Middleware e Auth no Next.js
Testes em React
Zustand State Management
Otimização de Performance React
Error Boundaries & Error Handling
Advanced React Patterns
Recursos avançados do Next.js
Deploy e Produção com Next.js
Architecture & Design Patterns
React Server Components
Internacionalização do Next.js
React Security & Boas Práticas
Domine React / Next.js para sua proxima entrevista
Acesse todas as perguntas, flashcards, testes tecnicos, exercicios de code review e simuladores de entrevista.
Comece gratis