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

14.277 Lượt nghe
Build & Deploy a Full-Stack Dating App with Next.js 14, Prisma, NextAuth, Pusher & Cloudinary
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