finds.dev← search

// the find

adrianhajdin/zoom-clone

★ 1,156 · TypeScript · updated Oct 2024

Learn to develop a professional enterprise-ready video conferencing app in hours using Next.js 14, Stream, and Tailwind CSS.

A tutorial project from the JavaScript Mastery YouTube channel that builds a Zoom-like video conferencing app using Next.js 14, Stream's video SDK, and Clerk for auth. It's a learning resource, not a production starting point — the whole repo exists to accompany a specific YouTube video.

Stream's video SDK does the heavy lifting for WebRTC, so the project actually works end-to-end without you managing peer connections or media servers. Clerk integration is clean — auth, protected routes, and user management handled in a few files with minimal boilerplate. The component structure is sensible for a tutorial: MeetingRoom, MeetingSetup, CallList are each single-responsibility and easy to follow. shadcn/ui components give it a professional look without custom CSS sprawl.

This is tutorial code, not a base for a real product — there are no tests, no error boundaries, and hardcoded avatar images in constants/index.ts that don't connect to real user data. The Stream and Clerk free tiers have usage limits that will bite you in production; the project gives no guidance on what happens when you hit them. CSS overrides for Stream's internal class names (like `.cl-internal-wkkub3`) will silently break on any SDK update. Last commit was October 2024 and it's already on a pinned Next.js 14 version — you'd need to audit for staleness before building anything on top of it.

View on GitHub → Homepage ↗

// want more like this?

We dig through GitHub every week and send a few repos picked for what you actually care about — each with an honest take like this one.

Get finds in your inbox → Search again →