Интернет магазин одежды Ростелеком с нуля до деплоя: + React-admin + OAuth + MongoDB
В этом выпуске мы напишем крутой интернет-магазин одежды Ростелеком Админку и зальем все это на бесплатный хостинг. Ставьте лайки и подписывайтесь на канал!)
Телеграм канал:
Чат для помощи:
Исходники:
Исходники админки:
Макет:
Результат v0.1:
Форма авторизации:
Статья про Nodemailer:
Каталог меню:
Донат:
QIWI Кошелек:
Сбер: 2202206162066448
Тинькофф: 5536913842446219
(00:00) Начало
(00:57) Описание технологий
(03:22) Описание функционала и макета
Настройка проекта
(14:48) Инициализация проекта
(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
1 view
66
15
7 months ago 00:00:00 1
10 Апреля! Авторский тренинг от долларового миллионера! Начало в 17:10 Москвы!
7 months ago 01:44:33 1
«Счастье любит тишину»: история про колумбийца, ложь и месть
7 months ago 00:39:07 1
КОНФЕТЫ ТРЮФЕЛИ ИЗ МОЛОЧНОЙ СМЕСИ “МАЛЮТКА“ / ЛЮБИМОЕ ЛАКОМСТВО ИЗ СССР / ЦЕЛЫХ ТРИ РЕЦЕПТА !
7 months ago 00:09:09 1
МОРЕ СМЕХА! Жорик просто загнал Влада уже НА ДИВАН и продолжает доказывать КТО В ДОМЕ ХОЗЯИН!
7 months ago 00:19:11 1
Шьем брюки из джерси. Школьная форма
7 months ago 00:06:20 1
БЫСТРЫЕ И ДРУЖНЫЕ ВСХОДЫ МОРКОВИ БЕЗ ПРОРЕЖИВАНИЯ! Агроном поделился хитростью при посеве моркови
7 months ago 00:15:41 1
У ВАС БУДУТ САМЫЕ КРАСИВЫЕ ПИОНЫ, ЕСЛИ вы используете ЭТИ подкормки!
7 months ago 00:09:20 1
КЛЕМАТИСЫ БУДУТ УСЫПАНЫ ЦВЕТАМИ, если подкормить их так! Подкормки, которые заставят цвести клематис
7 months ago 00:05:03 1
САМАЯ НЕПРИХОТЛИВАЯ и ЗИМОСТОЙКАЯ РОЗА. РОЗА АППАЛАЧИ.
7 months ago 00:32:29 1
Акции 8-14 апреля Siberian Wellness / Скидки Сибирское здоровье
7 months ago 02:38:43 1
Вика Дмитриева о кризисе в отношениях, принятии себя и воспитании детей.
7 months ago 00:00:16 1
Китайцы сделали СУПЕР бутербродницу
7 months ago 00:12:25 1
Аналог HD VideoBox - Atodo в Media Station X для БЕСПЛАТНОГО просмотра фильмов на SMART TV!🎬📽️🎞️
7 months ago 00:01:03 1
Самый низкий голос. Ми контр. Бас профундо. Lowest, deepest voice. ШУТКА!!! Andre Serba
7 months ago 00:02:54 1
СЧАСТЛИВОГО МАРТА, ДРУЗЬЯ!
7 months ago 00:03:09 1
КЛУБНИКУ собираю ВЁДРАМИ! ПОМОГАЮТ РЕЗИНКИ! ГЕНИАЛЬНАЯ хитрость ДЛЯ МАКСИМАЛЬНОГО УРОЖАЯ
7 months ago 01:42:57 1
Владислав Кетов - о первом путешествии на велосипеде по контуру земли и о правильном человеке
7 months ago 00:01:11 1
Многолетие | Многая лета | Арт-группа Ларго
7 months ago 00:54:31 1
Качество жизни
7 months ago 00:00:52 1
Коллаген и Гиалуроновуя кислота | Серафима Лебедева, Врач, К.М.Н.
7 months ago 00:30:21 2
ОБЗОР на продажу ИНТЕРЕСНОЙ УСАДЬБЫ 🌲 36 соток + аллея 🌲 РЯДОМ ЛЕС, ОЗЕРО
7 months ago 00:00:48 1
How AI is changing online shopping
7 months ago 00:06:29 1
Омлет Матушки Пуляр. Самый воздушный омлет в мире. Готовлю в сковороде. Французский рецепт