Відео чат, використовуючи Next.js Typescript SocketIO WebRTC

Дізнаємося, як створити якісний проєкт використовуючи Next.js з Typescript

Ratings 5.00 / 5.00
Відео чат, використовуючи Next.js Typescript SocketIO WebRTC

What You Will Learn!

  • Розробка відео-чату з використанням NextJS 14 та Typescript.
  • Реалізація взаємодії в реальному часі, використовуючи SocketIO.
  • Аутентифікація користувачів з Google, Github та Credentials providers, використовуючи AuthJS
  • Використання PeerJS для створення WebRTC connection та передачі відео та аудіо між користувачами
  • Гарний дизайн, використовуючи TailwindCSS. Темна та світла теми.
  • Використовувати Prisma with MongoDB
  • Створення сервера, використовуючи Express & Typescript.
  • Та багато іншого, як middleware, server actions, form validation, hooks ...

Description

Цей курс пропонує глибоке занурення в сучасні технології веб-розробки, де ви отримаєте навички для створення повноцінного веб-застосунку.


Протягом курсу ви будете працювати з Typescript у поєднанні з Next.js, навчаючись створювати масштабовані веб-додатки з покращеною типізацією та ефективним управлінням станом. Крім того, ви дізнаєтесься про використання Socket io для реалізації багатокористувацької взаємодії в реальному часі та впровадження WebRTC для  аудіо та відео взаємодії


Цей курс також охоплює використання Tailwind CSS разом з Shadcn UI для створення сучасного, адаптивного та естетично привабливого дизайну, прискорюючи процес розробки та підвищуючи професійний вигляд ваших проектів.


Також важливою складовою нашого курсу буде автентифікація, для чого ми використаємо Auth.js, що забезпечить швидке та ефективне впровадження системи авторизації. Не менш важливою буде тема роботи з базами даних. Ми будемо використовувати MongoDB разом з Prisma, щоб навчитися ефективно працювати з даними в вашому веб-додатку.


Ми пройдемо через великий стек технологій

  • Next.js

  • Typescript

  • Socket io

  • WebRTC(peerjs)

  • Express.js

  • Tailwind CSS

  • Shadnc ui

  • react-hook-form

  • zustand

  • Prisma

  • MongoDB

  • Google and Github auth

  • React hooks

  • Next.js server actions

  • Web Design

  • Authentication

  • Deployment on Vercel

  • Deployment on Render

Крім теоретичного матеріалу, ви отримаєте доступ до вихідного коду, який буде поділений по лекціям, що дозволить вам легко зрозуміти та використовувати концепції, вивчені на практиці.


По завершенню курсу ви зрозумієте, як створюються високоякісні веб-застосунки з використанням передових технологій, і будете готові до викликів у сучасному інтернет-просторі.

Who Should Attend!

  • Front-end розробники, які хочуть вивчити WebRTC і SocketIO
  • Люди, які прагнуть зрозуміти як працює real time communication
  • Люди, які хочуть мати неймовірний проєкт у портфоліо
  • React розробники

TAKE THIS COURSE

Tags

Subscribers

6

Lectures

41

TAKE THIS COURSE