Fundamentos de Next.js
App Router, Server Components, Client Components, routing basado en archivos, layouts, páginas
1¿Qué es el App Router en Next.js?
¿Qué es el App Router en Next.js?
Respuesta
El App Router es el nuevo sistema de routing de Next.js 13+ basado en el directorio app/. Reemplaza al Pages Router e introduce los Server Components por defecto, layouts compartidos, y un modelo de routing más flexible con convenciones de archivos como page.tsx, layout.tsx y loading.tsx.
2¿Cómo crear una ruta /about en el App Router?
¿Cómo crear una ruta /about en el App Router?
Respuesta
En el App Router, cada carpeta representa un segmento de ruta. Para crear /about, hay que crear app/about/page.tsx. El archivo page.tsx es obligatorio para hacer una ruta accesible públicamente. Sin este archivo, la carpeta solo será un segmento de ruta sin página mostrada.
3¿Cuál es el comportamiento predeterminado de los componentes en el App Router?
¿Cuál es el comportamiento predeterminado de los componentes en el App Router?
Respuesta
En el App Router, todos los componentes son Server Components por defecto. Se ejecutan únicamente en el servidor y no envían JavaScript al cliente, lo que mejora el rendimiento. Para usar funcionalidades del cliente (hooks, eventos), hay que agregar la directiva 'use client' al principio del archivo.
¿Cómo crear una ruta dinámica /posts/[id] en el App Router?
¿Para qué sirve el archivo layout.tsx en el App Router?
+22 preguntas de entrevista
Otros temas de entrevista React / Next.js
Fundamentos de JavaScript
Fundamentos de React
React Hooks
Ciclo de vida de los componentes
React Router
Gestión de estado con Context
Formularios y Controlled Components
Obtención de datos y API
React Query (TanStack Query)
Styling & CSS-in-JS
TypeScript con React
Data Fetching en Next.js
Server Actions de Next.js
Routing y Navegación en Next.js
API Routes de Next.js
Metadata & SEO en Next.js
Middleware y Auth en Next.js
Testing en React
Zustand State Management
Optimización de Rendimiento en React
Error Boundaries & Error Handling
Advanced React Patterns
Características avanzadas de Next.js
Despliegue y Producción de Next.js
Architecture & Design Patterns
React Server Components
Internacionalización de Next.js
React Security & Buenas Prácticas
Domina React / Next.js para tu próxima entrevista
Accede a todas las preguntas, flashcards, tests técnicos, ejercicios de code review y simuladores de entrevista.
Empieza gratis