Интернет магазин одежды Ростелеком с нуля до деплоя: Next.js + React-admin + OAuth + MongoDB

В этом выпуске мы напишем крутой интернет-магазин одежды Ростелеком + Админку и зальем все это на бесплатный хостинг. Ставьте лайки и подписывайтесь на канал!)

Донат:
Сбер: 2202206162066448
Тинькофф: 5536913842446219

(00:00) Начало
(00:57) Описание технологий
(03:22) Описание функционала и макета

Настройка проекта
(16:08) Настройка Eslint/Prettier
(17:59) Создание папок
(19:55) Базовый CSS

Общие компоненты
(21:42) Header
(38:35) Основное меню
(1:17:56) Мобильный навбар
(1:22:18) Каталог меню
(1:44:50) Модалка поиска
(1:57:55) Пупап корзины
(2:07:11) Footer

Главная страница
(2:15:39) Секция Hero
(2:33:20) Секция Категории

Сервер
(2:57:27) Создание БД
(2:59:55) Создание миграций
(3:17:20) Эндпоинт для получения новинок
(3:20:31) Эндпоинт для получения хитов

Главная страница
(3:25:24) Секции Новинки и Хиты
(3:33:15) Карточка товара
(4:10:05) Секция Жизнь нашего бренда
(4:15:15) Модалка быстрого просмотра
(5:12:30) Таблица размеров

Авторизация
(5:29:01) Создание папок
(5:29:51) Установка пакетов
(5:34:15) Эндпоинт регистрации
(5:35:30) Эндпоинт логина
(5:38:15) Модалка авторизации
(6:29:30) Авторизация OAuth
(6:42:59) Логика отправки Email
(7:05:15) Эндпоинт login-check
(7:25:31) Эндпоинт refresh-token

Корзина
(7:32:01) Создание коллекции на БД
(7:41:30) Добавление товаров
(8:47:53) Счетчик добавления товаров
(9:19:07) Удаление товаров

Админка
(9:27:05) Инициализация проекта React-admin
(9:36:30) Получение всех товаров
(9:46:13) Получение одного товара
(9:52:00) Удаление одного товара
(9:56:04) Удаление нескольких товаров

Общие компоненты
(10:00:45) Алерт соглашения с политикой Cookie

Страница корзины
(10:07:39) Создание страницы

Общие компоненты
(10:14:26) Хлебные крошки
(10:52:33) Контент для пустых страниц
(11:10:25) Страница 404

Страницы с политикой
(11:18:30) Политика обработки данных
(11:20:25) Политика конфиденциальности

Оптимизация
(11:25:19) Проверка через Lighthouse
(11:27:22) Добавление manifest файла

Деплой
(11:33:18) Залив на github
(11:36:23) Залив на vercel
(11:42:14) Правки и доработки

(11:50:12) Продолжение следует...

#nextjs #nextjs14 #js #nodejs #reactjs #mongodb #oauth #oauth2 #vercel #effector #typescript

[RayDo]

Почти 12 часов… !!!! фантастическая подача!!! За таймкода, отдельное 👍 … Контент- пушка! ✊

[ArchakovBlog]

Пушка! 🔥Этот титанический труд заслуживает ещё больше лайков!

[motodriverrf]

Обязательно продолжай снимать видео! Такие курсы обычно продают за большие деньги!

[Фриск-ос]

Поздравляю с отлично выполненной задачей! Твои усилия заслуживают громких аплодисментов и искренней признательности!

[Eva_White]

Бро, какой же ты все таки трудоголик!Молодец! Ты наша гордость! ❤

[mrtopal]

Выглядит чудесно! Надеюсь, уложусь в месяц. Ты крут, спасибо!

[unicoxrtj]

11 чтоб его часов и таймкодики, это до слез прекрасно👍

[artems]

Братан, хорош, давай, давай, вперёд! Контент в кайф, можно ещё? Вообще красавчик! Можно вот этого вот почаще?

[AbukaPaintOzd]

Дэни, наконец-то новый ролик!!🎉🎉
Почти 12 часов!!!
Такого количество времени я не ожидал!!😮
Поздравляю тебя с 5 тыс.подписчиками!!:)

[RUFF]

Наконец-то дождались! 🥳 Спасибо огромное за суперский контент! 🔥

[МихаилСабуров-ыв]

Ну ничего себе что мне упало в рекомендации. Обязательно к просмотру

[geroigamechannel]

Мужиииииик, ты Мега круто, спасибо за бесплатный контент, продвижения тебе 🔥🔥🔥🔥🔥

[JED]

Ты просто космос, просто красавчик, спасибо большое за такой объем полезных знаний.

[beybell]

Спасибо большое за такую трудную работу. Очень мало видео не только в ру, но и в юа сегменте, где столько практической информации показывается👍

[AndreyEmelianovv]

Ура! Новый видос. Сразу лайк не глядя. Спасибо за твой труд!

[FilipParfenov]

Невероятно интересный ролик... Тот кто все это сидел писал - знай ты достоин большего!

[ДмитрийС-шб]

Господи, как же интересно смотреть!
P.S. Просто диву даюсь, какая же колоссальная работа проделана, браво! Охренеть просто, невероятно!
P.P.S. Поражаюсь, как ты это всё помнишь, удивительно!
P.P.P.S. Одним словом: охренеть! Супер крутой ролик. Очень хотелось бы перенять весь твой опыт. Поразительно!

[RayDo]

Как всегда, круто, корректно 👍🔥👍🔥👍🔥👍

[igorsenichev]

Спасибо за полезное видео!
Надеюсь увидеть продолжение - это будет шикарно 😇🤗

[iuseronline]

Фантастика! Не видел раньше канал. В рекомендации попал