- 🤖 Introduction
- ⚙️ Tech Stack
- 🔋 Features
In this beginner-friendly tutorial, you’ll build a basic Zoom-like video conferencing app. We will use Next.js, TypeScript, Tailwind CSS, and a few other libraries to handle video calls, user authentication, and responsive design. This guide assumes you have a basic understanding of HTML, CSS, and JavaScript.
If you're new to these technologies, don’t worry! I’ll explain the necessary steps in a simple way.
We will use the following tools to build the project:
- Next.js: A React-based framework for building web applications.
- TypeScript: A typed superset of JavaScript, which improves the reliability of your code.
- Tailwind CSS: A utility-first CSS framework to help with responsive design.
- Clerk: For handling user authentication.
- GetStream: For real-time features like chat and video calls.
👉 User Authentication: Let users sign up, log in, and access the app using Clerk.
👉 New Meeting: Start a new meeting with video and audio support.
👉 Join Meetings via Link: Join a meeting by sharing a link.
👉 Responsive Design: The app will look good on all screen sizes.