Fundamentos do Next.js
App Router, Server Components, Client Components, roteamento baseado em arquivos, layouts, páginas
1O que é o App Router no Next.js?
O que é o App Router no Next.js?
Resposta
O App Router é o novo sistema de roteamento do Next.js 13+ baseado no diretório app/. Ele substitui o Pages Router e introduz Server Components por padrão, layouts compartilhados, e um modelo de roteamento mais flexível com convenções de arquivos como page.tsx, layout.tsx e loading.tsx.
2Como criar uma rota /about no App Router?
Como criar uma rota /about no App Router?
Resposta
No App Router, cada pasta representa um segmento de rota. Para criar /about, crie app/about/page.tsx. O arquivo page.tsx é obrigatório para tornar uma rota publicamente acessível. Sem este arquivo, a pasta será apenas um segmento de caminho sem página exibida.
3Qual é o comportamento padrão dos componentes no App Router?
Qual é o comportamento padrão dos componentes no App Router?
Resposta
No App Router, todos os componentes são Server Components por padrão. Eles executam apenas no servidor e não enviam JavaScript ao cliente, melhorando o desempenho. Para usar funcionalidades do cliente (hooks, eventos), é necessário adicionar a diretiva 'use client' no topo do arquivo.
Como criar uma rota dinâmica /posts/[id] no App Router?
Para que serve o arquivo layout.tsx no App Router?
+22 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
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
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