Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте З'єднання Інтерфейсу Користувача з Логікою Автентифікації | Реалізація Автентифікації у Next.js
Майстерність Next.js 14 для Створення Сучасних Вебзастосунків

bookЗ'єднання Інтерфейсу Користувача з Логікою Автентифікації

Переконаймося, що функціонал входу працює коректно.

Повернення до проєкту

1. Створення дії authenticate

У файлі actions.ts створіть нову дію з назвою authenticate. Ця дія має використовувати функцію signIn з auth.ts:

Модифікація форми входу

У компоненті login-form.tsx використовуйте React-хук useFormState для виклику серверної дії.

На практиці

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 7. Розділ 7

Запитати АІ

expand

Запитати АІ

ChatGPT

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

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

bookЗ'єднання Інтерфейсу Користувача з Логікою Автентифікації

Свайпніть щоб показати меню

Переконаймося, що функціонал входу працює коректно.

Повернення до проєкту

1. Створення дії authenticate

У файлі actions.ts створіть нову дію з назвою authenticate. Ця дія має використовувати функцію signIn з auth.ts:

Модифікація форми входу

У компоненті login-form.tsx використовуйте React-хук useFormState для виклику серверної дії.

На практиці

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 7. Розділ 7
some-alt