Supabase
Supabase
From video: Full Stack React Project ( AI Interview Marketplace ) - Next JS, Supabase, Stream, Shadcn UI 🔥🔥
Published: March 29, 2026
Video Description
🔗 Stream - https://getstream.io/video/sdk/react/?utm_source=youtube&utm_medium=referral&utm_content=&utm_campaign=piyushq12026
🔗 Supabase - https://supabase.link/8lqB5J2
🔗 Clerk - https://go.clerk.com/lUiwY7B
🔗 Arcjet - https://launch.arcjet.com/Kr965yd
➡️ My Frontend Interview Course - https://roadsidecoder.com/course-details (50% Discount)
Build a Full Stack AI Interview Marketplace SaaS in React 19 + Next JS 16 with Tailwind CSS, Stream for Video Call and Chat Feature, Supabase as PostgreSQL DB, Google Authentication, Arcjet, Shadcn UI Tutorial. This is an amazing project for your resume which will impress recruiters a lot and showcase your skillset.
➡️ Next JS Course Form - https://forms.gle/ABmuVhYATuwhkcmVA
➡️ Source Code - https://github.com/piyush-eon/ai-interview-platform
➡️ Book a 1:1 call with me - https://topmate.io/roadsidecoder
👤 Join the RoadsideCoder Community Discord -
https://discord.gg/2ecgDwx5EE
🔗 Job Portal Project Tutorial -
https://www.youtube.com/watch?v=2XF-HgauItk&list=PLKhlp2qtUcSZBJxjXbHBkE_3h5E31dDiu&index=2
🔗 Calendly Portal Project Tutorial -
https://www.youtube.com/watch?v=glAC7d-TYSM&list=PLKhlp2qtUcSZBJxjXbHBkE_3h5E31dDiu&index=3
🔗 MERN Stack Chat App Tutorial -
https://www.youtube.com/playlist?list=PLKhlp2qtUcSZsGkxAdgnPcHioRr-4guZf
🔗 Complete Data Structures and Algorithms with JS Course -
https://www.youtube.com/playlist?list=PLKhlp2qtUcSZtJefDThsXcsAbRBCSTgW4
🔗 JS Interview Series -
https://www.youtube.com/watch?v=oUWRxJ19gfE&list=PLKhlp2qtUcSaCVJEt4ogEFs6I41pNnMU5&index=1
🔗 Cars24 Interview Experience -
https://www.youtube.com/watch?v=vxggZffOqek&list=PLKhlp2qtUcSb_WQZC3sq9Vw3NC4DbreUL&index=2
🔗 Unacademy Interview Experience -
https://www.youtube.com/watch?v=abbdJ4Yfm54
🔗 React Beginner's Project Tutorials -
https://www.youtube.com/playlist?list=PLKhlp2qtUcSa_rX7glmB7HyFsEOEQa0Uk
#reactjstutorial #frontend #ReactJS
-------------------------------------------------------------------------
00:00:00 Intro
00:02:16 Setup Next JS with Shadcn
00:08:56 App Layout
00:12:39 User Authentication
00:25:40 Backend Setup
00:29:29 Setup Arcjet for Security
00:31:36 Video Call and Chat SDKs
00:34:20 Landing Page
01:06:13 User Subscription
01:12:36 Database Design
01:15:10 Creating Database Schema
01:24:21 Storing Users inside the DB
01:34:21 Adding Role based Navigation
01:47:35 Onboarding Flow
02:08:11 Explore Interviewers Page
02:28:26 Call Booking Flow
02:33:15 Stream Call Id Generation
02:39:45 Adding Rate Limiting using Arcjet
02:43:03 Add Shield and Bot Protection
02:46:08 Booking Page
03:13:33 Appointments Page
03:36:53 Stream Call Token Generation
03:40:58 Call Room UI
03:53:37 Chat Interface
03:59:30 AI Questions Generator
04:07:38 Recording and AI Feedback Webhook
04:25:52 Interviewer Dashboard
04:46:38 Earning Withdrawal
04:48:58 Deployment
-------------------------------------------------------------------------
⭐ Support the channel -
https://www.youtube.com/channel/UCIPZVAwDGa-A4ZJxCBvXRuQ/join
Special Thanks to our members -