Develop a professional enterprise-ready video conferencing app in hours using Next.js 14, Stream, and Tailwind CSS. Master the creation of a full-stack Zoom clone, covering everything from initial setup to deployment. Learn to structure your project, implement authentication with Clerk, create a responsive UI with a sidebar and navbar, and integrate Stream for video conferencing functionality. Explore advanced features like scheduling meetings, managing recordings, and setting up personal meeting rooms. Gain hands-on experience with real-time communication, state management, and modern web development practices. By the end of this comprehensive tutorial, you'll have built a fully functional video conferencing application and gained valuable skills in Next.js, Stream API integration, and responsive design with Tailwind CSS.
Overview
Syllabus
— Intro
— Setup
— File & Folder Structure
— Sidebar
— Navbar
— Clerk Auth
— HomePage
— Reusable Modal
— Stream Create Meeting
— Meetings Calls Setup
— Meeting Setup
— Meeting Room
— Schedule Meeting
— Upcoming Meetings Page
— Previous Meetings Page
— Recordings Page
— Personal Meeting Room
— Join Meeting Modal
— Deployment
Taught by
JavaScript Mastery
Related Courses
-
Build and Deploy a LeetCode Clone with React, Next JS, TypeScript, Tailwind CSS, Firebase
-
Full Stack Tutorial - Fiverr Clone with NextJS, React, Convex, Typescript, Tailwind CSS, ShadCN
-
Build a Real-time Next.js 14 Chat App with Fauna
-
Full Stack Dating App with Next.js 14 - Build and Deploy with Prisma, NextAuth, Pusher and Cloudinary
-
Build and Deploy a Realtime Next.js App with Permissions and Notifications - TypeScript, Tailwind
-
Build a Full Stack Next.js App with Google Calendar - TypeScript, Drizzle, ShadCN, Tailwind
