Админка для интернет магазина Ростелеком: React-admin + Next.js + Яндекс Метрика + Google Аналитика
В этом заключительном выпуске мы реализуем Админку для интернет магазина Ростелеком. Добавим возможность создания товаров/пользователей, редактирования, копирования, просмотра и удаления. Еще поработаем с Яндекс Метрикой и Google Аналитикой. И в конце зальем все на vercel.
Телеграм канал: https://t.me/vftuijgd
Чат для помощи: https://t.me/skillblog1
Результат:
Ростелеком: https://rostelecom-shop-orpin.vercel.app
Админка: https://rostelecom-admin.vercel.app
Исходники-1 (начало)
Магазин: https://github.com/skillBlogWebDev/ro...
Админка: https://github.com/skillBlogWebDev/ro...
Исходники-2 (итог)
Магазин: https://github.com/Deni-Ashabov/roste...
Админка: https://github.com/Deni-Ashabov/roste...
Яндекс Метрика: https://metrika.yandex.ru/list
Google Аналитика: https://analytics.google.com/analytic...
Пакеты для Eslint: eslint-plugin-import eslint-plugin-simple-import-sort eslint-plugin-prettier
Открыть localhost на мобиле: ssh -R 80:localhost:3000 serveo.net
(00:00) Интро
(00:07) Что предстоит сделать
(02:03) Настройка Eslint/Prettier
(34:00) Список пользователей
(41:40) Логика удаления
(45:50) Просмотр пользователя
(53:55) Логика создания пользователя
(1:18:31) Хостинг для картинок
(1:39:10) Логика редактирования пользователя
(2:04:25) Логика создания товаров
(2:59:01) Логика редактирования и копирования товаров
(3:29:25) Реализация всех видов товаров
(3:59:35) Фикс бага со слайдером на айфоне
(4:01:57) Заказ настройки Яндекс Метрики
(4:02:20) Деплой магазина
(4:13:02) Подключение Google Аналитики
(4:21:20) Подключение Яндекс Метрики
(4:28:20) Деплой админки
(4:41:21) Аутро
Донат:
Сбер: 2202206162066448
Тинькофф: 5536913842446219
#nextjs #nextjs14 #js #nodejs #reactjs #mongodb #oauth #oauth2 #vercel #effector #typescript