Авторизация и профиль на Next.js | server actions, OAuth, отправка email, s3, тёмная тема

Это второе видео я в серии, где я на ваших глазах разработаю продукт с нуля, до заработка первых денег. В этом видео мы сделаем:

- Аутентификацию на next-auth
- Github oauth
- Работа с s3 и minio
- Хеадер со светлой и тёмной темой
- Редактирование профиля и аватарки
- Адаптируем FSD под Fullstack разработку
- Будем всё это деплоить в процессе разработки

Полный стек проекта:

0.1 Что будет в видео: 00:00:00
0.2 Особенности FSD на проекте: 00:04:41
1.1 Базовая верска header: 00:14:42
1.2 Dark mode: 00:26:23
1.3 Рефакторинг арр: 00:33:16
1.4 Пушим на staging: 00:44:51
2.1 Добавляем next-auth: 00:46:40
2.2 sign-in sign-out: 01:03:49
2.3 Деплой: 01:24:37
2.4 Вход по email: 01:31:52
3.1 Кастомная sign in: 01:48:12
3.2 Остальные страницы: 02:12:42
4.1 Авторизационная логика: 02:17:52
5.1 Отображение профиля: 02:54:27
5.2 Фиксим миграцию базы: 03:14:11
5.3 Верстка редактирования профиля: 03:17:47
5.4 Получение профиля: 03:31:06
5.5 Обновление профиля: 04:09:41
5.6 Страница нового пользователя: 04:55:26
5.7 Загрузка аватарки: 05:01:27
5.8 Исправляем проблемы: 05:40:12
5.9 Проблемы деплоя: 05:44:09
6.1 sign-in тестовый флоу: 05:49:46
6.2 Добавляем сиды: 06:04:44
6.3 Добавляем тесты: 06:13:24
7 Заключение, что дальше: 06:26:35

[kitsunaana]

Мне впервые смотреть 6 часовое видео интереснее, чем играть в factorio

[grigodoes]

Мужик, ты просто шикарен. Крутая подача и контент просто на пике современного стека, спасибо за то что делаешь!)

[biLLie_wiLLie]

Женя лучший! Спасибо 🤗 очень жду твоих больших видео

[vmdbcqg]

Женя супер!! Продолжай в том же духе!! Делаешь отличные вещи!!

[angryprops]

Очень классный материал, жду новых видео )
Было бы здорово увидеть обновление на auth 5
Еще в качестве идей, разработать не полноценный конкретный проект, а чтото вроде бойлерплейта, для быстрого развертывания проекта, с авторизацией, разбиением пользоватетелй на компании, карточкой компании и интерфейсом добавления/приглашения сотрудников.

[kirill_prog]

Евгений, ещё не смотрел. Завтра буду. Но уверен это крутой ролик. 👍

[supersupermeat]

сигн ын и мы войдены!

лайк, полезный контент! жду продолжения!)

[dmitriev]

Видео еще не досмотрел, но такой милый за это лайк

[hgoiqwd]

Огонь, дождался. Огромное спасибо. Как можно поддержать проект?

[Genorred]

Большое спасибо. Отличный эталон создания проектов на нексте с FSD методологией и углублением. Хотел спросить, можно ли освоить только этот стек и с его помощью выполнять все свои заказы на фрилансе или придётся постоянно знакомиться с другими библиотеками?🙃

[digitalberd]

Евгений, привет!
Можешь, если не сложно, разобрать момент - как делать регистрацию и логининг через гугл аутентификацию - в одну кнопку?

[trickingOOmix]

43:04 про свои шаред Лиды и оформление, может стоит вытащить отдельно в репу? У меня так настройки линта вынесены и гуляют в виде пакета

[trickingOOmix]

43:04 про свои шаред функции, может стоит вытащить отдельно в репу? У меня так настройки линта вынесены и гуляют в виде пакета

[ulibkaify]

Евгений, спасибо за видео!

Сейчас у меня остался вопрос - как это использовать ?
Допустим я написал backend на express и по некоторым rest api я бы хотел отвечать только авторизованным пользователям с определенной ролью.
Сначала думал использовать access token - но, например, для credentila provider его нет - надо выпускать самому

Нет ли более простого способа решения этой проблемы?

[dmitrysvetlov]

Дружище, напомни пожалуйста ресурс, откуда можно спинерочки стянуть

[BipolarJunctionTransistor]

ждем видео про crop-image =) Кто поддерживает - ставьте палец вверх!

[PhoenixGta]

Евгений, подскажите, что за расширение для перевода вы используете?

[spichkens]

Имеет ли смысл не задавать варианты отображения хедера, а создать условный компонент-обертку, внутри которого в зависимости от текущей группы страниц и состояния авторизации отображать нужный компонент??
Например в Clerk есть врапперы SignedIn, SignedOut. Создать подобные врапперы, которые в том же хедере будут отображать или кнопку "Войти", или Аватар пользователя, или вообще ничего.

[wrzxlrz]

5:39:35. У меня не записывался путь для image в базу. вata в handleSubmit была не полной. React-hook-form был версии 7.49.2 заменил на 7.48.2 и заработало.

[imthebest]

3:08:35 не могу понять как user стал типа Profile.