Feb 24
Loading video player...
⭐️ 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 Hey! In this 6+ hour hands-on course, you’ll build a full-stack AI-powered SaaS community learning platform from scratch called Meetsy, an app 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. Thanks Clerk for sponsoring this video and making this build completely free! 👉 Note: This is a $0 Tech Stack as everything used is FREE! ✨ 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 once you start the build or complete it: Twitter: https://twitter.com/kulkarniankita9 LinkedIn: https://www.linkedin.com/in/kulkarniankita Bluesky: https://bsky.app/profile/kulkarniankita.com ⏰ Course Timeline 00:00 Introduction 5:05 App Demo 11:43 Project Setup 20:09 Authentication & Subscriptions 50:23 Landing Page 1:22:38 App 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: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 🐤 Find me here Twitter: https://twitter.com/kulkarniankita9 LinkedIn: https://www.linkedin.com/in/kulkarniankita Bluesky: https://bsky.app/profile/kulkarniankita.com #nextjs #ai #saas #react #typescript