RUTUBE и ТОЧКА. Разработка РУТУБА за 5 часов БЕЗ ВОДЫ Next / React / Nest / PostgreSQL / Redux

🔥 Оформить премиум подписку - ⚡️ Список интенсивов по подписке - 🎁 ТГ канал (каждые 500 подписчиков розыгрыш) - ► Как купить из других стран - В этом крутом ролике мы разработаем правильный РУТУБ с использованием новейших технологий. Надеюсь Вы оцените мои старания, с Вас лайк и подписка. 🔥 777 лайков и я снимаю следующий большой проект. Если есть какие то фишки по этой теме - дай знать в 💬 комментариях! ⚡️Закрытый клуб “5 утра” (3 дня бесплатно) - Скачать 👨‍💻 версию для практики в нашем хранилище - #storage_file_52 Скачать 🖥 исходник проекта в нашем хранилище - #storage_file_53 Самый большой проект на канале с использованием на фронте и на бэкенд. В качестве базы данных для Rutube будем использовать PostgreSQL и TypeORM для удобства. Научимся работать с запросами в Insomnia. Почему я назвал видео Rutube и точка. Потому что я хочу показать как разработать правильную версию Рутуба. Вернемся к front-end, тут в качестве state management используем Redux Toolkit, а для asynchronous state management возьмем RTK Query. Стили будем писать с использованием Tailwind CSS и SCSS. Ну и конечно же во всем проекте будет типизация на TypeScript. 🎨 Автор дизайна - 🍥 Тема в редактор/IDE - Xcode dark 00:00:00 - Начало 00:01:16 - Какой стэк? 00:01:33 - Практика данного проекта 00:02:58 - Смотрим Ютуб 00:03:30 - Чем мне не нравится RUTUBE? 00:05:20 - ДЕМО 00:10:32 - Создание back-end 00:11:20 - Базовая настройка проекта установка зависимостей 00:13:47 - Настройка сервера 00:16:00 - Подключение PostgreSQL 00:20:50 - Генерируем сущности 00:23:44 - Описываем Entities связи 00:37:31 - Авторизация (стратегия, декоратор ) 00:41:59 - Что такое DTO? AuthDTO 00:43:57 - Сервис для авторизации 00:51:46 - Контроллер для авторизации 00:55:44 - Сервис для пользователя 01:06:27 - Контроллер для пользователя 01:15:00 - Сервис для видео 01:24:23 - Контроллер для видео 01:29:38 - Сервис и контроллер для комментариев 01:30:00 - Загрузка файлов 01:36:00 - Создание и настройка фронт проекта 01:43:50 - Настройка Tailwind и конфига 01:50:00 - Глобальные стили, шприфты 01:51:00 - Утилиты 01:55:00 - Описываем интерфейсы 01:59:00 - Auth service 02:04:00 - User service 02:06:00 - Video service 02:07:00 - Layout 02:13:00 - Структура главной страницы 02:16:00 - 02:17:00 - Sidebar menu 02:29:30 - Header 02:35:00 - Форма авторизации 02:39:40 - UI компоненты для формы 02:47:20 - Логин и регистрация createAsyncThunk 02:56:19 - Настройка Redux Toolkit 03:02:00 - Кастомные хуки для Redux 03:02:46 - Добавляем action в форму авторизации 03:04:00 - Защищенные роуты 03:10:00 - Настройка RTK Query 03:14:30 - Добавляем токен в хедер запроса 03:16:00 - Получение профиля 03:22:00 - Описываем все сервисы в RTK Query 03:28:00 - Меню юзера в хедере 03:34:50 - Поиск 03:39:52 - VideoItem 03:51:25 - SSG Главная страница 03:58:00 - Страница канала 04:07:50 - Кнопка “подписаться“ 04:12:00 - Вывод списка подписок 04:14:20 - Страницы тренды 04:16:10 - Страница мои подписки 04:17:17 - Страница видео 04:19:40 - Функционал плеера 04:32:00 - Комментарии к видео 04:37:22 - Детали видео (описание,лайки, просмотры) 04:40:00 - Обновление просмотров видео 04:41:20 - Творческая студия 04:43:53 - Загрузка видео с прогресс баром 04:48:30 - Загрузка файлов функционал 04:57:00 - Продолжаем делать форму для загрузки видео 05:05:00 - Редактирование видео 05:09:40 - Я счастлив! 05:10:40 - Почему я кайфую от программирования? #Rutube #Youtube #React #RedGroup 👉 Все ссылки ( настройка редактора) и информация обо мне - Смотрите видео ДО КОНЦА, подписывайтесь на канал, ставьте 👍 и колокольчик 🔔