Middleware e Auth no Next.js
Middleware, NextAuth.js, JWT, gerenciamento de sessões, rotas protegidas, RBAC
1O que é um middleware no Next.js?
O que é um middleware no Next.js?
Resposta
O middleware do Next.js é um código que é executado antes de uma requisição ser processada, permitindo modificar a resposta, redirecionar, adicionar headers ou bloquear o acesso. Ele é executado no Edge Runtime para desempenho otimizado. É normalmente usado para autenticação, geolocalização ou logging.
2Onde colocar o arquivo middleware em um projeto Next.js com App Router?
Onde colocar o arquivo middleware em um projeto Next.js com App Router?
Resposta
O arquivo middleware.ts (ou .js) deve ser colocado na raiz do projeto, no mesmo nível da pasta app. O Next.js detecta automaticamente esse arquivo e o executa para todas as rotas. Alternativamente, pode ser colocado na pasta src se o projeto utilizar essa estrutura.
3Como definir as rotas nas quais o middleware é executado?
Como definir as rotas nas quais o middleware é executado?
Resposta
Usar a configuração matcher no middleware permite especificar as rotas envolvidas por meio de padrões de caminhos. Por padrão, o middleware é executado em todas as rotas, exceto arquivos estáticos. O matcher suporta wildcards e regex para um controle preciso das rotas alvo.
Qual é a principal vantagem de usar o NextAuth.js para autenticação?
Como proteger uma rota com o middleware do Next.js?
+19 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
API Routes do Next.js
Metadata & SEO 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