🌟 Поддержать автора: [ Ссылка ]
🚀 Разверните свой проект в Selectel за пару минут: [ Ссылка ]
🔗 Проект на сайте: [ Ссылка ]
📢 Присоединяйтесь к Telegram каналу: [ Ссылка ]
В этом 30 часовом курсе из 3 частей мы создадим клон Twitch, внедрив ключевые функции, такие как авторизация на сессиях Redis, верификация аккаунта, TOTP аутентификация и восстановление пароля. Мы реализуем возможность проведения прямых трансляций, добавим систему подписок, включая премиум подписки на стримеров. Также будет доступен чат для стрима и полная настройка профиля: отображаемое имя, информация о себе, указание социальных сетей и редактирование пароля и почты. Пользователи смогут кастомизировать сайт, изменяя тему, основной цвет и язык интерфейса (русский, английский). Кроме того, мы создадим полный функционал Telegram-бота, который будет уведомлять пользователей о новых стримах на каналах, на которые они подписаны, а также позволит просматривать свой профиль.
🛠️ Стэк проекта: Nest.js, GraphQL, Prisma, PostgreSQL, Redis, Docker, Telegraf, React Email, Next.js, Tailwind, Apollo Client, Zustand, React Hook Form, Zod.
🕒 Таймкоды:
00:00:00 - Начало
00:00:05 - Получение стримов на главной странице
00:06:57 - Компонент для списка со стримами
00:26:59 - Получение категорий на главной странице
00:29:26 - Компонент для списка с категориями
00:40:30 - Страница со всеми категориями
00:44:40 - Отдельная страница с категорией
00:59:36 - Страница со всеми стримами
01:22:57 - Отдельная страница с каналом
01:32:34 - Генерация токена для LiveKit
01:43:20 - Плеер для стрима
02:33:22 - Информация о стриме
02:47:02 - Кнопка "Подписаться"
03:02:00 - Кнопка "Поддержать автора"
03:28:35 - Кнопка "Поделиться"
03:40:09 - Информация о канале
03:50:00 - Список со спонсорами канала
03:57:33 - Чат для стрима
05:16:47 - Настройки стрима
05:35:35 - SEO оптимизация
06:04:22 - Деплой
06:54:57 - Конец
