ycliper

Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
Скачать

Build A Full-Stack Zoom Clone With Next.js And Stream Video SDK (React, TypeScript, Tailwind CSS)

Автор: Coding in Flow

Загружено: 2024-03-09

Просмотров: 23190

Описание: Build and deploy a full-stack video calling application like Zoom, Microsoft Teams, or Google Meet using Next.js 14, React.js, the Stream Video SDK, Tailwind CSS, TypeScript, and more.

Features:
-Fast & reliable video calling on Stream's edge network
-Private and public video meeting calls with user permissions and roles
-Change microphone & camera settings & permissions
-Schedule meetings for the future & send invitation emails
-Call recording, screen sharing, picture-in-picture, muting & blocking users
-Toggle between different call layouts (grid & speaker layout)
-User authentication with Clerk & guest mode

Create your free Stream account here: https://getstream.io/video/sdk/react/...

Starting code: https://github.com/codinginflow/nextj...

Other links:
Clerk dashboard: https://dashboard.clerk.com/
Clerk middleware.ts: https://github.com/codinginflow/nextj...
Stream Video SDK documentation: https://getstream.io/video/sdk/react/

⭐ Get my full-stack Next.js with Express & TypeScript course: https://codinginflow.com/nextjs
✅ Get my free React Best Practices course: https://www.codinginflow.com/reactbes...
💌 Join my newsletter for regular web dev tips: https://codinginflow.com/newsletter
💬 Join our developer community on Discord: https://codinginflow.com/discord

📣 Follow Coding in Flow on social media:
Twitter:   / codinginflow  
Instagram:   / codinginflow  
TikTok:   / codinginflow  
Facebook:   / codinginflow  

Timestamps:
0:00 - Project preview
8:28 - Next.js project setup & Prettier Tailwind setup
19:40 - Stream & Clerk auth setup
30:20 - Log in/Log out (Clerk UserButton)
37:36 - Stream video context provider
1:04:18 - Create calls/meetings
1:37:22 - Join calls (meeting page)
1:51:10 - Custom call types & permissions (private meetings)
2:28:32 - Upcoming & ended calls
2:50:04 - Call setup screen
3:11:12 - Video call layout
3:32:26 - Query calls
3:47:23 - Call recordings
4:01:59 - Meeting login page (guest mode)
4:10:30 - Deployment on Vercel

Не удается загрузить Youtube-плеер. Проверьте блокировку Youtube в вашей сети.
Повторяем попытку...
Build A Full-Stack Zoom Clone With Next.js And Stream Video SDK (React, TypeScript, Tailwind CSS)

Поделиться в:

Доступные форматы для скачивания:

Скачать видео

  • Информация по загрузке:

Скачать аудио

Похожие видео

Next.js WhatsApp Web Clone (Stream, Clerk Auth, Web Push Notifications, Tailwind CSS, TypeScript)

Next.js WhatsApp Web Clone (Stream, Clerk Auth, Web Push Notifications, Tailwind CSS, TypeScript)

5 UseState Mistakes That Keep You A Junior Developer Forever 😫 (React.js)

5 UseState Mistakes That Keep You A Junior Developer Forever 😫 (React.js)

Programmatic SEO in Next.js 15 - Full Guide

Programmatic SEO in Next.js 15 - Full Guide

MCP-серверы в Cursor AI/Claude: полный гайд для x10 эффективности

MCP-серверы в Cursor AI/Claude: полный гайд для x10 эффективности

Похудей на 45 КГ, Выиграй $250,000!

Похудей на 45 КГ, Выиграй $250,000!

Деплой full-stack приложения, на практическом примере, быстро и без боли

Деплой full-stack приложения, на практическом примере, быстро и без боли

Next.js Full Stack Project w/ Nextjs 15 & React 19

Next.js Full Stack Project w/ Nextjs 15 & React 19

5 Server Action Mistakes That Ruin Your Next.js App ❌

5 Server Action Mistakes That Ruin Your Next.js App ❌

Self-Host Next.js & PostgreSQL On VPS - Full Tutorial (Custom Domain, SSL, Security)

Self-Host Next.js & PostgreSQL On VPS - Full Tutorial (Custom Domain, SSL, Security)

Александр Васильев о возвращении на Родину и на телевидение, своей коллекции книг и эмиграции

Александр Васильев о возвращении на Родину и на телевидение, своей коллекции книг и эмиграции

© 2025 ycliper. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]