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

Author: freeCodeCamp.org - Bewertung: 223x - Views:1526

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.



💻 Code: https://github.com/EricTechPro/match-me



⭐️ Course Outline ⭐️

(0:00:00) Course Introduction

(0:07:09) Lesson 1: Set up Next.js, NextUI, and initial routing

(0:27:34) Lesson 2: Create Login and Registration with validation

(0:40:51) Lesson 3: Authentication & Database setup with Prisma

(1:22:19) Lesson 4: Displaying Members List & Dynamic Routing

(1:48:54) Lesson 5: Build Like Feature with Prisma Relations

(2:12:50) Lesson 6: Editing Profiles & Cloudinary Image Uploads

(2:48:46) Lesson 7: Real-Time Chat with Pusher

(3:20:06) Lesson 8: Presence Indicators with Pusher & Zustand

(4:28:20) Lesson 9: Filtering and Pagination

(5:20:34) Lesson 10: Email Verification & Password Reset

(6:06:16) Lesson 11: Adding OAuth Social Logins

(6:27:24) Lesson 12: Adding User Roles & Admin Content

(6:50:44) Lesson 13: Deploy to Vercel & Final Testing



🎉 Thanks to our Champion and Sponsor supporters:

👾 Drake Milly

👾 Ulises Moralez

👾 Goddard Tan

👾 David MG

👾 Matthew Springman

👾 Claudio

👾 Oscar R.

👾 jedi-or-sith

👾 Nattira Maneerat

👾 Justin Hual



--



Learn to code for free and get a developer job: https://www.freecodecamp.org



Read hundreds of articles on programming: https://freecodecamp.org/news