Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

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

via freeCodeCamp

Overview

Build a modern full-stack dating application through this comprehensive video tutorial that guides you through every aspect of development using cutting-edge web technologies. Master the implementation of Next.js 14 for frontend and routing, Prisma for database management, NextAuth for secure authentication, Pusher for real-time messaging features, and Cloudinary for media handling. Progress from initial setup through advanced features including user registration with validation, profile management, real-time chat functionality, presence indicators, filtering and pagination, email verification, password reset capabilities, OAuth social logins, and user role management. Learn to create dynamic member listings, implement like features with Prisma relations, handle image uploads, and integrate real-time features using Pusher and Zustand for state management. Conclude with deploying the finished application to Vercel and conducting thorough testing to ensure optimal performance. Access the complete source code through the provided GitHub repository to follow along or reference during development.

Syllabus

Course Introduction
Lesson 1: Set up Next.js, NextUI, and initial routing
Lesson 2: Create Login and Registration with validation
Lesson 3: Authentication & Database setup with Prisma
Lesson 4: Displaying Members List & Dynamic Routing
Lesson 5: Build Like Feature with Prisma Relations
Lesson 6: Editing Profiles & Cloudinary Image Uploads
Lesson 7: Real-Time Chat with Pusher
Lesson 8: Presence Indicators with Pusher & Zustand
Lesson 9: Filtering and Pagination
Lesson 10: Email Verification & Password Reset
Lesson 11: Adding OAuth Social Logins
Lesson 12: Adding User Roles & Admin Content
Lesson 13: Deploy to Vercel & Final Testing

Taught by

freeCodeCamp.org

Reviews

Start your review of Full Stack Dating App with Next.js 14 - Build and Deploy with Prisma, NextAuth, Pusher and Cloudinary

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.