Next.js 13 — Как добавить аутентификацию (папка app)

Аутентификация в Next.js 13 реализована несколько иначе благодаря каталогу App и компонентам Client и Server. В этом видео мы добавим NextAuth в приложение Next.js 13 и настроим его для работы с папкой приложения. Мы преобразуем работающую реализацию NextAuth, использующую папку pages, для работы с папкой приложения Next.js 13. Ссылка на репозиторий в видео на Github: https://github.com/tumetus/next-js-13... Начало работы с NextAuth: https://next-auth.js.org/getting-star... Изучение программирования (бесплатная пробная версия Skillshare): https://skl.sh/3cYxUP5 Мои курсы: Основы React: https://skl.sh/2XAKn7u HTML и CSS для начинающих: https://skl.sh/34wvGUH Основы Draft.js: https://skl.sh/3cJ5Hw4 💻 МОЕ ОБОРУДОВАНИЕ МОЙ НОУТБУК CODIGN: https://amzn.to/3MI90ci МОЯ МЫШЬ: https://amzn.to/3mr3no9 МОЯ КЛАВИАТУРА: https://amzn.to/3GIoMjh МОЯ МИКРОФОН: https://amzn.to/3KCDPfv УСИЛИТЕЛЬ МИКРОФОНА: https://amzn.to/43trLWB МОЙ КРОНШТЕЙН ДЛЯ МИКРОФОНА: https://amzn.to/3oaf5DW МОЯ КАМЕРА: https://amzn.to/3UxyvyJ МОЙ СВЕТИЛЬНИК ДЛЯ СТРИМИНГА: https://amzn.to/3KE0PuE Свяжитесь со мной: Веб-сайт: https://tuomokankaanpaa.com Моя рассылка: https://tuomokankaanpaa.com/newsletter Twitter:   / tumee   Skillshare: https://www.skillshare.com/r/user/tume Временные метки 00:00 О чем это видео 00:22 Краткое вступление о приложении, над которым мы будем работать 03:15 Как использовать next-auth с приложением каталог 09:01 Где отображаются компоненты (сервер или клиент?) 10:30 Как отобразить компонент сервера внутри компонента клиента 12:34 Как использовать данные пользовательской сессии в компоненте сервера 15:49 Краткий обзор того, что мы сделали, и мои мысли #nextjs #authentication #nextauth