NextAuth.js — це інструмент для легкого додавання автентифікації до нашого застосунку. Він бере на себе складність керування сесіями користувачів, входом, виходом та іншими завданнями автентифікації. Замість ручної розробки цих функцій, що може бути трудомістким і схильним до помилок, NextAuth.js спрощує процес, пропонуючи єдине рішення для автентифікації у застосунках Next.js.

Налаштування NextAuth.js

Важливо: Користувачам Windows рекомендується уникати використання терміналу PowerShell і натомість використовувати Bash-термінал.

• Встановлення NextAuth.js: Використайте команду npm install next-auth@beta у терміналі для встановлення бета-версії NextAuth.js. Ця версія сумісна з Next.js 14;
• Генерація секретного ключа: Створіть секретний ключ для шифрування cookies, забезпечуючи безпеку сесій користувачів. Запустіть openssl rand -base64 32 у терміналі для генерації цього ключа;
• Додавання ключа до .env файлу: Додайте згенерований ключ у ваш .env файл, призначивши його змінній AUTH_SECRET:

• Оновлення змінних середовища у Vercel: Якщо ви розгортаєте додаток у Vercel для продакшну, також оновіть там змінні середовища.

На практиці