Build & Deploy a Full Stack AI SaaS: Real-time AI Learners Matching Platform, Next.js 16
Ankita Kulkarni
17,821 views
⭐️ Github Source Code & CHEATSHEET: https://dub.sh/meetsy-ai-cheatsheet
🚀 Check out the Clerk Next.js Guide: https://go.clerk.com/X2swX9H
🤝 Discord for help: https://dub.sh/anky-discord
👉 Join the Next.js Course: https://dub.sh/nextjscourse
In this 6+ hour hands-on build, you’ll create a production-ready, full-stack AI SaaS called Meetsy, a community learning platform that intelligently matches learners with compatible study partners based on goals, interests, and learning style.
Users can set learning goals, get AI-curated matches, chat in real time, and receive AI-generated conversation summaries with action items, turning learning into a social, goal-driven experience.
Huge thanks to Clerk for sponsoring this video and making this entire build completely free 🙌
👉 $0 Tech Stack: Everything used in this project is free to get started.
What to Check Out Next:
Next.js 16 Full Course | Build and Deploy ...
✨ Application Features
🤝 AI-powered semantic matching beyond keyword search
🎯 Community-based learning with goal tracking
💬 Real-time chat with learning partners
📊 AI-generated conversation summaries with next steps
🔒 Secure authentication and protected routes
👨💼 Free & Pro subscription tiers
💳 Subscription-ready billing flows
📱 Fully responsive mobile-first design
🔔 Real-time toast notifications
✨ Smooth animations
📈 Performance optimizations & caching
🚀 Production-ready deployment
🧠 What You’ll Learn
🚀 Next.js 16 App Router with Server Components
⚛️ React 19 for building interactive user interfaces with reusable components
🔑 Clerk authentication (Billing, Pricing, User Management)
🤖 OpenAI GPT-4o-mini for AI matching & summaries
🎨 ShadcN UI for accessible, customizable React components
💾 PostgreSQL + Drizzle ORM
⚡ Hono for Blazing Fast API routes
🔄 TanStack React Query for server state, Data fetching, Caching
🔔 Toast notifications for user feedback
📜 TypeScript for static typing and enhanced development experience
🚀 Deployment on Vercel
Tag me on X or LinkedIn or Bluesky once you start the build or complete it:
Twitter: Twitter: kulkarniankita9
LinkedIn: LinkedIn: kulkarniankita
Bluesky: https://bsky.app/profile/kulkarnianki...
⏰ Course Timeline
00:00 Introduction
5:05 App Demo
11:43 Project Setup
20:09 Authentication & Subscriptions
50:23 Landing Page
1:22:38 Full Stack AI SaaS Architecture
1:54:58 Backend Architecture
2:41:34 Communities Page
3:17:55 Learning Goals
3:37:52 AI Matching
4:45:34 Chat Page
5:28:26 AI Summaries
5:40:26 Deployment
5:48:45 What have you learned & Next steps
🔗 Next Steps
🔥 Free Next.js Hot Tips Course: https://bit.ly/nextjshottips
👉 Join the Next.js Course: https://bit.ly/nextjscourse
Work with me 1:1: https://dub.sh/one-on-one-with-ankita
🐤 Find me here
Twitter: Twitter: kulkarniankita9
LinkedIn: LinkedIn: kulkarniankita
Bluesky: https://bsky.app/profile/kulkarnianki...
#nextjs #ai #saas #react #typescript
20 Comments
Thank you so much for your amazing project tutorials. I’ve learned a lot from your channel, Indeed it’s one of my favorite YouTube channels .
It’s really inspiring how you always come up with great ideas and turn them into projects.
I remain, as ever, your devoted pedagogue in the digital realm, striving to make the arcane accessible and the complex comprehensible. The journey of learning continues apace ❤❤
Could you please make a video on using cache in Next.js 16 when working with an external backend that uses access tokens and refresh tokens (for example, tokens that expire every 15 minutes)?
I watched your Next.js 16 caching video, but it doesn’t seem to cover cases where token refresh is required.
Thanks again for the amazing content!
If possible include db segregation according to tanent. One tanent, One db. I think there is not a single video available on YouTube about this architecture.
Build & Deploy a Full Stack AI SaaS: Real-time AI Learners Matching Platform, Next.js 16
Ankita Kulkarni
17,821 views
⭐️ Github Source Code & CHEATSHEET: https://dub.sh/meetsy-ai-cheatsheet
🚀 Check out the Clerk Next.js Guide: https://go.clerk.com/X2swX9H
🤝 Discord for help: https://dub.sh/anky-discord
👉 Join the Next.js Course: https://dub.sh/nextjscourse
In this 6+ hour hands-on build, you’ll create a production-ready, full-stack AI SaaS called Meetsy, a community learning platform that intelligently matches learners with compatible study partners based on goals, interests, and learning style.
Users can set learning goals, get AI-curated matches, chat in real time, and receive AI-generated conversation summaries with action items, turning learning into a social, goal-driven experience.
Huge thanks to Clerk for sponsoring this video and making this entire build completely free 🙌
👉 $0 Tech Stack: Everything used in this project is free to get started.
What to Check Out Next:
Next.js 16 Full Course | Build and Deploy ...
✨ Application Features
🤝 AI-powered semantic matching beyond keyword search
🎯 Community-based learning with goal tracking
💬 Real-time chat with learning partners
📊 AI-generated conversation summaries with next steps
🔒 Secure authentication and protected routes
👨💼 Free & Pro subscription tiers
💳 Subscription-ready billing flows
📱 Fully responsive mobile-first design
🔔 Real-time toast notifications
✨ Smooth animations
📈 Performance optimizations & caching
🚀 Production-ready deployment
🧠 What You’ll Learn
🚀 Next.js 16 App Router with Server Components
⚛️ React 19 for building interactive user interfaces with reusable components
🔑 Clerk authentication (Billing, Pricing, User Management)
🤖 OpenAI GPT-4o-mini for AI matching & summaries
🎨 ShadcN UI for accessible, customizable React components
💾 PostgreSQL + Drizzle ORM
⚡ Hono for Blazing Fast API routes
🔄 TanStack React Query for server state, Data fetching, Caching
🔔 Toast notifications for user feedback
📜 TypeScript for static typing and enhanced development experience
🚀 Deployment on Vercel
Tag me on X or LinkedIn or Bluesky once you start the build or complete it:
Twitter: Twitter: kulkarniankita9
LinkedIn: LinkedIn: kulkarniankita
Bluesky: https://bsky.app/profile/kulkarnianki...
⏰ Course Timeline
00:00 Introduction
5:05 App Demo
11:43 Project Setup
20:09 Authentication & Subscriptions
50:23 Landing Page
1:22:38 Full Stack AI SaaS Architecture
1:54:58 Backend Architecture
2:41:34 Communities Page
3:17:55 Learning Goals
3:37:52 AI Matching
4:45:34 Chat Page
5:28:26 AI Summaries
5:40:26 Deployment
5:48:45 What have you learned & Next steps
🔗 Next Steps
🔥 Free Next.js Hot Tips Course: https://bit.ly/nextjshottips
👉 Join the Next.js Course: https://bit.ly/nextjscourse
Work with me 1:1: https://dub.sh/one-on-one-with-ankita
🐤 Find me here
Twitter: Twitter: kulkarniankita9
LinkedIn: LinkedIn: kulkarniankita
Bluesky: https://bsky.app/profile/kulkarnianki...
#nextjs #ai #saas #react #typescript
Big shoutout to Clerk for sponsoring this build and making it free to create for you:
https://go.clerk.com/X2swX9H