Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Connexion de l'Interface Utilisateur avec la Logique d'Authentification | Implémentation de l'Authentification dans Next.js
Maîtrise de Next.js 14 pour la Création d'Applications Web Modernes

bookConnexion de l'Interface Utilisateur avec la Logique d'Authentification

Assurons-nous que la fonctionnalité de connexion fonctionne correctement.

Retour au projet

1. Créer l'action authenticate

Dans le fichier actions.ts, définir une nouvelle action nommée authenticate. Cette action doit intégrer la fonction signIn depuis auth.ts :

Modifier le formulaire de connexion

Dans le composant login-form.tsx , utiliser le hook useFormState de React pour appeler l'action côté serveur.

En pratique

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 7. Chapitre 7

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

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

bookConnexion de l'Interface Utilisateur avec la Logique d'Authentification

Glissez pour afficher le menu

Assurons-nous que la fonctionnalité de connexion fonctionne correctement.

Retour au projet

1. Créer l'action authenticate

Dans le fichier actions.ts, définir une nouvelle action nommée authenticate. Cette action doit intégrer la fonction signIn depuis auth.ts :

Modifier le formulaire de connexion

Dans le composant login-form.tsx , utiliser le hook useFormState de React pour appeler l'action côté serveur.

En pratique

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 7. Chapitre 7
some-alt