Build & Deploy a Full-Stack Dating App with Next.js 14, Prisma, NextAuth, Pusher & Cloudinary

Build & Deploy a Full-Stack Dating App with Next.js 14, Prisma, NextAuth, Pusher & Cloudinary

Blog Article

Learn how to build and deploy a modern, full-stack dating application using the latest tools in the web development space. This comprehensive guide covers every step, from setting up Next.js, Prisma, and NextAuth for authentication, to deploying with Vercel. You'll add interactive features with Pusher for real-time messaging and Cloudinary for media uploads. Perfect for developers looking to enhance their Next.js skills or create a feature-rich app.

???? Course Outline:
00:00 - Course Introduction
06:38 - Lesson 1: Set up Next.js, NextUI, and initial routing
27:03 - Lesson 2: Create Login and Registration with validation
40:20 - Lesson 3: Authentication & Database setup with Prisma
01:21:48 - Lesson 4: Displaying Members List & Dynamic Routing
01:48:23 - Lesson 5: Build Like Feature with Prisma Relations
02:12:19 - Lesson 6: Editing Profiles & Cloudinary Image Uploads
02:48:15 - Lesson 7: Real-Time Chat with Pusher
03:19:35 - Lesson 8: Presence Indicators with Pusher & Zustand
04:27:49 - Lesson 9: Filtering and Pagination
05:20:03 - Lesson 10: Email Verification & Password Reset
06:05:45 - Lesson 11: Adding OAuth Social Logins
06:26:53 - Lesson 12: Adding User Roles & Admin Content
06:50:13 - Lesson 13: Deploy to Vercel & Final Testing

Github Repo: https://github.com/EricTechPro/match-me