Cursos /
Next.js 14
Connecting UI & Functionality
Let's ensure that the login functionality is working correctly.
Back to the Project
1. Create the authenticate action
In the actions.ts
file, establish a new action named authenticate
. This action should incorporate the signIn
function from auth.ts
:
app/lib/actions.ts
Modify login form
Within the login-form.tsx
component, leverage React's useFormState
to invoke the server action.
app/ui/login-form.ts
In Practice
Tudo estava claro?
Seção 7. Capítulo 7
Conteúdo do Curso
Next.js 14
4. Deployment and Database
Next.js 14
Connecting UI & Functionality
Let's ensure that the login functionality is working correctly.
Back to the Project
1. Create the authenticate action
In the actions.ts
file, establish a new action named authenticate
. This action should incorporate the signIn
function from auth.ts
:
app/lib/actions.ts
Modify login form
Within the login-form.tsx
component, leverage React's useFormState
to invoke the server action.
app/ui/login-form.ts
In Practice
Tudo estava claro?
Seção 7. Capítulo 7