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

В этом выпуске мы напишем крутой интернет-магазин одежды Ростелеком + Админку и зальем все это на бесплатный хостинг. Ставьте лайки и подписывайтесь на канал!) Телеграм канал: https://t.me/vftuijgd Чат для помощи: https://t.me/skillblog1 Исходники: https://clck.ru/38uF7s Исходники админки: https://clck.ru/38uFBQ Макет: https://clck.ru/37Up2P Результат v0.1: https://rostelecom-shop.vercel.app/ Форма авторизации: https://codepen.io/uiswarup/pen/zYvGKed Статья про Nodemailer: https://clck.ru/37Upcz Каталог меню: https://clck.ru/37UpCw Донат: QIWI Кошелек: https://qiwi.com/n/DARYR422 Сбер: 2202206162066448 Тинькофф: 5536913842446219 (00:00) Начало (00:57) Описание технологий (03:22) Описание функционала и макета Настройка проекта (14:48) Инициализация проекта Next.js (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