Back to Browse

Full-Stack Next.js Course: Auth + Prisma + Real-Time Chat + Image Uploads

21.7K views
Premiered Nov 5, 2024
7:07:21

Build a Full-Stack Next.js 14 App from Scratch In this full course, you'll learn how to build a complete dating-style full-stack web application using Next.js 14, Prisma, Tailwind, Cloudinary, Zustand, Pusher, and fully typed React Hook Form + Zod validation. From routing to real-time messaging and image upload moderation, this video gives you a true end-to-end production workflow. What You’ll Build ✅A complete full-stack app including: ✅Authentication (login, register forms with validation) ✅Members page with filters, sorting & pagination ✅Real-time chat & notifications using Pusher websockets ✅Image upload & moderation with Cloudinary integration ✅Database schema design with Prisma & many-to-many relations (Likes) ✅Reusable UI using Tailwind CSS + Next UI ✅State management powered by Zustand for real-time updates ✅Server/Client components, routing, layouts & more ✅Everything built step-by-step with commits per lesson. ━━━━━━━━━━━━━━━━━━━━━━━━━━ 🔗 RESOURCES & LINKS 💬 Download the full resource in Skool: https://www.skool.com/erictech 📅 Work With Me - New Projects - Free Strategy Call: https://calendar.app.google/sB9KrJP6e8j3EPmd9 - Technical Consultation (Paid 1:1): https://calendar.app.google/BU9D589X3KNxnTeg6 🤝 Let's Connect LinkedIn: https://www.linkedin.com/in/ericwtech/ 🔗 Github Repo: https://github.com/EricTechPro/match-me ━━━━━━━━━━━━━━━━━━━━━━━━━━ ⏱️ Timestamps: 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 #NextJS14 #FullStackDevelopment #WebDevelopment ━━━━━━━━━━━━━━━━━━━━━━━━━━

Download

0 formats

No download links available.

Full-Stack Next.js Course: Auth + Prisma + Real-Time Chat + Image Uploads | NatokHD