Roteamento e Navegação no Next.js
Dynamic routes, route groups, parallel routes, intercepting routes, useRouter, Link, redirect
1Qual é a sintaxe para criar uma rota dinâmica no Next.js App Router?
Qual é a sintaxe para criar uma rota dinâmica no Next.js App Router?
Resposta
As rotas dinâmicas no Next.js App Router usam colchetes para definir segmentos de URL variáveis. Por exemplo, [id] cria uma rota que captura qualquer valor nessa posição da URL. Esse valor é acessível através dos parâmetros da página. Essa convenção permite criar páginas genéricas que se adaptam a diferentes conteúdos sem criar arquivos separados para cada variação.
2Qual é o papel principal do componente Link no Next.js?
Qual é o papel principal do componente Link no Next.js?
Resposta
O componente Link é o elemento de navegação recomendado no Next.js. Ele faz o pré-carregamento automático das rotas visíveis no viewport e permite a navegação no lado do cliente sem recarregamentos completos de página. Ao contrário de uma tag a padrão, o Link mantém o estado da aplicação e fornece transições suaves entre páginas, melhorando significativamente a experiência do usuário e o desempenho.
3Como acessar os parâmetros de uma rota dinâmica em um Server Component?
Como acessar os parâmetros de uma rota dinâmica em um Server Component?
Resposta
No Next.js App Router, os Server Components recebem automaticamente um objeto params contendo os segmentos dinâmicos da URL. Esse objeto é passado como prop para a função do componente. Por exemplo, para uma rota [id], params.id conterá o valor capturado. Essa abordagem simplifica o acesso aos parâmetros sem precisar de hooks do lado do cliente.
Qual é a principal vantagem dos route groups no Next.js?
Qual é a diferença entre useRouter e usePathname?
+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
API Routes do 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