Build a Pair Programming Finder with Video & Screen Share (Next.js, Shadcn, Tailwind, Typescript)
Web Dev Cody
@webdevcodyAbout
This channel is a collection of various programming videos, tutorials, projects, talks, or anything software engineering and programming related. If you are new to coding and want to learn how to program or get a job in the industry, be sure to subscribe to my channel. There is a lot of great content on this channel to help you out in your coding goals.
Latest Posts
Video Description
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
You May Also Like
Indulge in Malibu Luxury
AI-recommended products based on this video
LEGO Technic Bugatti Bolide Racing Car Building Set - Model and Race Engineering Toy for Back to School, Collectible Sports Car Construction Kit for Boys, Girls, and Teen Builders Ages 9+, 42151
BAGAIL 8 Set Packing Cubes Luggage Packing Organizers for Travel Accessories Global Recycled Standard
Cosbarn Luggage Sets 5 Piece Suitcases with Wheels, Suitcase Set ABS Hard Case Luggage with TSA Lock Spinner Wheels Durable Travel Luggage
NICOSHOW 6 Set Compression Packing Cubes, Compressible Travel Packing Cubes Travel Essentials, Luggage Organizers for Carry-on Suitcase, Grey OEKO-TEX STANDARD 100
AnyZip Luggage Sets 2 Piece Aluminum Frame Carry On and Checked Suitcase PC ABS Hard Shell TSA Lock No Zipper(Black, 20/28)
Bose QuietComfort Wireless Noise Cancelling Headphones, Bluetooth Over Ear Headphones with Up to 24 Hours of Battery Life, Moonlight Grey - Limited Edition
GuaGua for Samsung S25 Case 5G Galaxy S25 Case Magnetic Wavy Curly Frame Military Grade Drop Protection Matte Lightweight Shockproof Bumper Protective Phone Case for Samsung S25, Desert
LK 3 Pack for Top 9H+ Samsung Galaxy S26 Ultra Screen Protector, 12FT Military Grade Shatterproof Tempered Glass Screen Protector S26 Ultra with Easy Install Frame, 0 Bubble, Fingerprint Unlock
![[2+2] UniqueMe Compatible with Samsung Galaxy S25 Plus Screen Protector, 2 Pack Tempered Glass Screen Protector + 2 Pack Camera Lens Protector with Easy Installation Frame, Anti Scratch Bubble Free](https://m.media-amazon.com/images/I/71AxJlh4zlL._AC_UL960_FMwebp_QL65_.jpg)
[2+2] UniqueMe Compatible with Samsung Galaxy S25 Plus Screen Protector, 2 Pack Tempered Glass Screen Protector + 2 Pack Camera Lens Protector with Easy Installation Frame, Anti Scratch Bubble Free
![[3 Pack] UniqueMe Screen Protector Compatible for Samsung Galaxy S25 Ultra Tempered Glass HD Clear Screen Protector with Easy Installation Frame, 9H Hardness Anti Scratch Bubble Free](https://m.media-amazon.com/images/I/61ozaJGgNWL._AC_UL960_FMwebp_QL65_.jpg)
[3 Pack] UniqueMe Screen Protector Compatible for Samsung Galaxy S25 Ultra Tempered Glass HD Clear Screen Protector with Easy Installation Frame, 9H Hardness Anti Scratch Bubble Free
Philips Hue Bridge - Unlock the Full Potential of Hue - Multi-Room and Out-of-Home Control - Create Automations and Zones - Secure, Stable Connection Won't Strain Your Wi-Fi - Works with Voice, Matter
