Built with the latest Next.js and TypeScript, this project replicates Zoom, a widely used video conferencing tool. It enables users to securely log in, create meetings and access various meeting functionalities such as recording, screen sharing, and managing participants.
- Next.js
- TypeScript
- Clerk
- getstream
- shadcn
- Tailwind CSS
👉 Authentication: Secure login with Clerk, social or email/password.
👉 New Meeting: Start a meeting, adjust settings.
👉 Meeting Controls: Manage recording, reactions, sharing, sound, etc.
👉 Exit Meeting: Leave or end meetings.
👉 Schedule Meetings: Input details for future meetings.
👉 Past Meetings: Access details of previous meetings.
👉 View Recordings: Review past meeting recordings.
👉 Personal Room: Unique meeting link for instant meetings.
👉 Join via Link: Easily join meetings with links.
👉 Secure Real-time: Secure and real-time interactions.
👉 Responsive Design: Optimized for all devices.
For Demo checkout following link👇:
Full Stack Video Conferencing App with Next JS
To get started with this project, clone the repository and install the necessary dependencies.
git clone [your-repository-link]
cd [your-repository-name]
npm install
npm run dev
Set Up Environment Variables
Create a new file named .env
in the root of your project and add the following content:
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
NEXT_PUBLIC_STREAM_API_KEY=
STREAM_SECRET_KEY=