Build a Pair Programming Finder with Video & Screen Share (Next.js, Shadcn, Tailwind, Typescript)

Be sure to checkout Stream (the sponsor of this video) for a great SDK for doing video and messages. Use this link https://getstream.io/video/sdk/react/?utm_source=youtube&utm_medium=referral&utm_content=&utm_campaign=webdevcody

Link to the code: https://github.com/webdevcody/dev-finder

00:00:00 Overview
00:04:56 Next.js Setup
00:05:59 Shadcn Setup
00:06:29 Setup Darkmode
00:10:06 Database + Drizzle
00:23:51 Next-Auth
00:27:24 Setup Google OAuth
00:35:33 Create Room
00:54:41 Extend Session Type
01:01:42 Header
01:15:37 Show Rooms
01:18:46 Top Loader
01:22:22 Browse Page
01:33:44 Room Page
01:45:42 Tags
01:53:31 Tag list
01:56:46 Video Player
02:06:01 Token Provider
02:11:04 Participants List
02:13:30 Leave Call
02:15:07 Logout
02:16:57 Tag Filter
02:26:20 Clickable Tags
02:32:22 Track Own Rooms
02:37:45 Deleting Rooms
02:47:53 Middleware
02:50:17 Nav Authorization
02:58:55 Edit Room
03:13:25 Toasts
03:18:12 Header Issue
03:19:28 Delete Account
03:28:59 Placeholder State
03:32:35 Deploying

My Products
📖 ProjectPlannerAI: https://projectplannerai.com
🤖 IconGeneratorAI: https://icongeneratorai.com
📝 ThumbnailCritique: https://thumbnailcritique.com

Useful Links
💬 Discord: https://discord.gg/4kGbBaa
🔔 Newsletter: https://newsletter.webdevcody.com/
📁 GitHub: https://github.com/webdevcody
📺 Twitch: https://www.twitch.tv/webdevcody
🤖 Website: https://webdevcody.com
🐦 Twitter: https://twitter.com/webdevcody