MENU

Fun & Interesting

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

Web Dev Cody 62,493 1 year ago
Video Not Working? Fix It Now

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

Comment