Відео чат, використовуючи Next.js Typescript SocketIO WebRTC
Дізнаємося, як створити якісний проєкт використовуючи Next.js з Typescript
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
Крім теоретичного матеріалу, ви отримаєте доступ до вихідного коду, який буде поділений по лекціям, що дозволить вам легко зрозуміти та використовувати концепції, вивчені на практиці.
По завершенню курсу ви зрозумієте, як створюються високоякісні веб-застосунки з використанням передових технологій, і будете готові до викликів у сучасному інтернет-просторі.
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 ...
Who Should Attend!
- Front-end розробники, які хочуть вивчити WebRTC і SocketIO
- Люди, які прагнуть зрозуміти як працює real time communication
- Люди, які хочуть мати неймовірний проєкт у портфоліо
- React розробники