Server Actions de Next.js
Server Actions, useFormState, useFormStatus, mutaciones, mejora progresiva, revalidación
1¿Qué es una Server Action en Next.js?
¿Qué es una Server Action en Next.js?
Respuesta
Una Server Action es una función asíncrona que se ejecuta únicamente en el servidor y puede llamarse directamente desde componentes Client o Server. Permite gestionar mutaciones de datos (POST, PUT, DELETE) sin crear una API route explícita. Las Server Actions simplifican el código evitando la duplicación de API route + llamada fetch del lado cliente.
2¿Cómo declarar una Server Action en un archivo separado?
¿Cómo declarar una Server Action en un archivo separado?
Respuesta
Para crear una Server Action en un archivo separado, añadir la directiva 'use server' al inicio del archivo y exportar funciones async. Este enfoque es recomendado para la reutilización y separación de responsabilidades. Las funciones pueden luego importarse en cualquier componente Client o Server.
3¿Cuál es la diferencia entre una Server Action y una API route?
¿Cuál es la diferencia entre una Server Action y una API route?
Respuesta
Las Server Actions son invocables directamente desde los componentes sin crear un endpoint REST explícito, mientras que las API routes requieren una llamada HTTP (fetch). Las Server Actions simplifican el código evitando la duplicación de route + llamada cliente. Son óptimas para mutaciones simples, pero las API routes siguen siendo útiles para endpoints públicos o webhooks.
¿Cómo usar una Server Action en un formulario HTML?
¿Qué tipo de datos recibe una Server Action de un formulario?
+17 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
Fundamentos de Next.js
TypeScript con React
Data Fetching en 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