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

В этом крутом ролике мы разработаем правильный РУТУБ с использованием новейших технологий.

Надеюсь Вы оцените мои старания, с Вас лайк и подписка. 🔥 777 лайков и я снимаю следующий большой проект.

Если есть какие то фишки по этой теме - дай знать в 💬 комментариях!

🍥 Тема в редактор/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: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

Смотрите видео ДО КОНЦА, подписывайтесь на канал, ставьте 👍 и колокольчик 🔔

[REDGroup]

Надеюсь Вы оцените мои старания, с Вас лайк и подписка. 🔥 777 лайка и я снимаю следующий большой проект. Также ставь 🔥 в комментариях.

Если есть какие то фишки по этой теме - дай знать в 💬 комментариях!


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 - document.tsx
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 - Почему я кайфую от программирования?

[Sha-Kate]

Комментарии благодарности за Ваши старания 🔥🔥🔥🔥🔥

[rubcqtg]

process.env.USERNAME содержит пользователя системы, по крайней мере у меня на ubuntu. Из за этого приложение не может соединиться с базой. Давайте переменным другие имена, например POSTGRES_USER.

[dilyeff]

чел... СПА СИ БО.. 🔥ЭТО реально пушка! не todo всякие из детского сада. А реально нестыдный, годный проект! Ты красава, мужик. Сижу с тобой делаю сейчас (уже которое видео, кстати). кайф. Ты заряжаешь своей мотивацией. Благодарю, что ты находишь в себе силы на нас, нищих джунов, делая эти стримы на ютюбе💯

[Exigoll]

Я сам во фронте чуть больше года, подобный проект впервые делал, . Скажу так - это очень круто. Понял разницу между джуновскими проектами и такими как этот! Спасибо за контент!

[yfervrq]

а у вас еще есть видосы по несту? кроме амазона

[ooops]

Заранее пишу, спасибо бро за такой контент! как раз хочу разобраться в nestJS но всё никак руки не доходят! Заодно изучу еще пару технологий!

[FomichRoman]

Почему я в файле .env писал USERNAME, выдавал ошибку, изменил на DATABASE_USER и заработало? В чем разница? Мы же просто переменную берем

[kpfwbqq]

Просто супер, особенно то что TS используешь эта почему то редкость на ютубе, хотя на его огромный спрос, спасибо за контент!!!)

[alexey-pdex]

Спасибо за отличный урок! Смотрю тебя давно и рад, что твой канал начинает набирать хорошие обороты) Желаю успехов!!!

[_Fantom_.]

Ну наконец-то, хоть кто-то занялся нашим неказистым рутубом.. Молодец, надеюсь, что в скором времени, мы увидим качественный отечественный IT-продукт...

[maximprokopik]

Лучший способ обучения - практика! Спасибо! 🔥🔥🔥🔥🔥🔥🔥🔥

[juniorit]

Хотел бы тоже изучить Nest Js, но не потяну;)

[veadev]

Классное видео👍 Рассказали бы где-то как создать авторизацию по токену с проверкой прав, типа Users, Roles, Permissions и Policies. Где у юзера есть роль, а у роли права. Или ещё лучше разработку админ панели с такой авторизацией

[artmax]

Да, бро, продолжай, бро, я такого планктона в комментах давно не видел. Хочу еще

[richrdbroos]

кайф обязательно сделаю данный проект 🔥🔥🔥🔥

[zaharovLucky]

Красавчик лайк и коммент за старание👍🔥🔥🔥

[romana]

Огонь 🔥 Еще больше годноты подъехало.

[asetaseett]

Ахренеть чувак, красава! Такого еще не видел на ютубе.

[vladislavt]

Может кому-нибудь будет полезно, пользователи windows, в винде env поле USERNAME заполнено именем компьютера, на линуксе поле USER, поэтому если кто-то столкнулся с проблемой подключения к бд, обратите на это внимание, можете просто переименовать поле