#6: Создаем свой Clubhouse на ReactJS / NextJS / WebRTC / Socket.IO / NodeJS (pre-middle/middle)

preview_player
Показать описание

❤️ Поддержка:

Недавно узнал о такой крутой штуке, как Clubhouse и в какой-то момент появилось желание изучить необходимый стэк для разработки такого продукта.

В этой серии уроков я вам расскажу и покажу, как разработать свой Clubhouse, какие технологии использовать и как происходит голосовая связь между пользователями.

Frontend:
- NextJS / ReactJS
- Redux
- simple-peer (WebRTC)
- Socket.IO
- Immer
- Axios

Backend:
- NodeJS
- Express
- Sequelize
- Passport
- JWT
- Multer

🔗 Следите за обновлениями и информацией в:
  1. Archakov Blog
  2. стрим
  3. it
  4. программисты
  5. программирование
  6. арчаков
Рекомендации по теме
#6: Создаем свой 2:51:47

#6: Создаем свой Clubhouse на ReactJS / NextJS / WebRTC / Socket.IO / NodeJS (pre-middle/middle)...

#7: Создаем свой 2:52:08

#7: Создаем свой Clubhouse на ReactJS / NextJS / WebRTC / Socket.IO / NodeJS (pre-middle/middle)...

#5: Создаем свой 3:13:33

#5: Создаем свой Clubhouse на ReactJS / NextJS / WebRTC / Socket.IO / NodeJS (pre-middle/middle)...

#8: Создаем свой 3:26:07

#8: Создаем свой Clubhouse на ReactJS / NextJS / WebRTC / Socket.IO / NodeJS (pre-middle/middle)...

#9: Создаем свой 3:20:15

#9: Создаем свой Clubhouse на ReactJS / NextJS / WebRTC / Socket.IO / NodeJS (pre-middle/middle)...

#10: Создаем свой 2:18:41

#10: Создаем свой Clubhouse на ReactJS / NextJS / WebRTC / Socket.IO / NodeJS (pre-middle/middle)...

Как написать правильно 0:03:49

Как написать правильно своё bio в Clubhouse

Что такое Clubhouse? 0:10:50

Что такое Clubhouse? Обзор... и как пользоваться?

#2: Создаем свой 3:03:15

#2: Создаем свой Clubhouse на ReactJS / NextJS / WebRTC / Socket.IO / NodeJS (pre-middle/middle)...

#3: Создаем свой 2:18:31

#3: Создаем свой Clubhouse на ReactJS / NextJS / WebRTC / Socket.IO / NodeJS (pre-middle/middle)...

Clubhouse Как создать 0:10:30

Clubhouse Как создать свой клуб?

#11: Создаем свой 3:10:06

#11: Создаем свой Clubhouse на ReactJS / NextJS / WebRTC / Socket.IO / NodeJS (pre-middle/middle)...

Создаем свой Clubhouse 3:23:49

Создаем свой Clubhouse на ReactJS / NextJS / WebRTC / Socket.IO / NodeJS (pre-middle/middle)...

#12: Создаем свой 2:48:58

#12: Создаем свой Clubhouse на ReactJS / NextJS / WebRTC / Socket.IO / NodeJS (pre-middle/middle)...

#4: Создаем свой 3:19:42

#4: Создаем свой Clubhouse на ReactJS / NextJS / WebRTC / Socket.IO / NodeJS (pre-middle/middle)...

Как зарегистрироваться в 0:02:44

Как зарегистрироваться в CLUBHOUSE без номера телефона |Аккаунт в CLUBHOUSE...

Полная инструкция по 0:15:34

Полная инструкция по Clubhouse. Как пользоваться приложением Клабхаус?...

День 6 Различия 0:04:38

День 6 Различия англоязычных и русских комнат в #Clubhouse

Как создать КОМНАТУ 0:06:30

Как создать КОМНАТУ В КЛАБХАУС. Как запустить эфир в Clubhouse и пригласить спикеров...

ЧТО ТАКОЕ ClubHouse 0:12:00

ЧТО ТАКОЕ ClubHouse СОЦ СЕТЬ| ОБНОВЛЕНИЕ КОМНАТЫ| КАК ПОЛЬЗОВАТЬСЯ ПОШАГОВО| ЗАКРЫТЬ КлабХаус| ч.2...

Как пользоваться приложением 0:06:24

Как пользоваться приложением Clubhouse. Гид по основным функциям....

DIY Black and 0:19:19

DIY Black and White Film Developing Tutorial - Camera Clubhouse

Clubhouse – что 0:24:13

Clubhouse – что это и как им пользоваться // Новая главная соцсеть 2021. Прощайте, подкасты?...

🎁 Партнерка ClubHouse 0:00:47

🎁 Партнерка ClubHouse | Как заработать на донатах? Монетизация Клабхаус с платежной системой Stripe...

Комментарии
Автор

00:12:30 создание контроллеров(разделение)
00:26:40 вёрстка заглушки для аватара(первые буквы)
01:14:45 ввод кода подтверждения
01:23:30 особенности userState
02:00:00 авторизация на уровне nextJs(редирект, определение auth)
02:10:45 ServerSideProps(context) nookies

uzver
Автор

Очень запутано с авторизацией, так много раз переделывалась что трудно понять что как и зачем(((

gatrianL
Автор

Тот самый момент, когда код ответа не 200. 1:12:18

yuriysoproniuk