Summary
This chapter demonstrates how to define a server action for handling credential-based sign-in with validation and error handling, and how to integrate that action into a React form component using useFormState to manage form submission and feedback.

General domain of usage
User authentication

Asegurémonos de que la funcionalidad de inicio de sesión esté funcionando correctamente.

### 1. Crear la acción authenticate
En el archivo `actions.ts`, establecer una nueva acción llamada `authenticate`. Esta acción debe incorporar la función `signIn` de `auth.ts`:

### Modificar el formulario de inicio de sesión
Dentro del componente `login-form.tsx `, utilizar el `useFormState` de React para invocar la acción del servidor.

Aprende a construir aplicaciones web modernas y de alto rendimiento utilizando Next.js. Configura proyectos con estructuras organizadas, estilos y enrutamiento para una navegación fluida. Obtén y muestra datos de manera eficiente mientras optimizas el renderizado y el rendimiento. Implementa funciones avanzadas como paginación, operaciones CRUD y búsqueda global para aplicaciones web dinámicas. Despliega tus proyectos de Next.js, conéctalos con bases de datos y añade autenticación para proteger los datos de los usuarios.

Analizaremos los conocimientos previos necesarios antes de comenzar con el framework Next.js, lo que puede esperar de este curso y los proyectos que desarrollará.

Configuraremos el proyecto, examinaremos formas de agregar estilos a nuestra aplicación y abordaremos aspectos visuales como imágenes, fuentes, páginas y diseños.

Aprenda a crear y gestionar fácilmente una nueva vista para su aplicación y a navegar por todas las páginas de manera fluida con un sistema de enrutamiento incorporado.

Despliegue de la aplicación Next.js utilizando cuentas de GitHub y Vercel. Además, establecimiento de una base de datos para proporcionar los datos necesarios a la aplicación.

Considere cómo obtener y mostrar datos al usuario de manera clara y eficiente.

Descubra cómo implementar características web modernas como paginación, operaciones CRUD, búsqueda global, validación de formularios y más.

Implementación de autenticación en Next.js.

Conexión de la Interfaz de Usuario con la Lógica de Autenticación

Volver al proyecto

1. Crear la acción authenticate

Modificar el formulario de inicio de sesión

En la práctica

Awesome!

Conexión de la Interfaz de Usuario con la Lógica de Autenticación

Volver al proyecto

1. Crear la acción authenticate

Modificar el formulario de inicio de sesión

En la práctica