Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Conectando a Interface do Usuário com a Lógica de Autenticação | Implementando Autenticação no Next.js
Domínio do Next.js 14 para Construção de Aplicações Web Modernas

bookConectando a Interface do Usuário com a Lógica de Autenticação

Vamos garantir que a funcionalidade de login está funcionando corretamente.

De volta ao projeto

1. Criar a ação authenticate

No arquivo actions.ts, estabeleça uma nova ação chamada authenticate. Esta ação deve incorporar a função signIn de auth.ts:

Modificar formulário de login

No componente login-form.tsx , utilize o useFormState do React para acionar a ação do servidor.

Na Prática

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 7. Capítulo 7

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Suggested prompts:

Can you explain how the authenticate action works in this context?

How does useFormState help with handling the login form?

What should I do if the login form still isn't working after these changes?

Awesome!

Completion rate improved to 2.08

bookConectando a Interface do Usuário com a Lógica de Autenticação

Deslize para mostrar o menu

Vamos garantir que a funcionalidade de login está funcionando corretamente.

De volta ao projeto

1. Criar a ação authenticate

No arquivo actions.ts, estabeleça uma nova ação chamada authenticate. Esta ação deve incorporar a função signIn de auth.ts:

Modificar formulário de login

No componente login-form.tsx , utilize o useFormState do React para acionar a ação do servidor.

Na Prática

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 7. Capítulo 7
some-alt