🏡 Next.js Full Stack SaaS Real Estate App | Complete Guide 🚀
Hey Developers! 👋 In this full-stack tutorial, you'll build a real-world Real Estate project using Next.js 14, Prisma, and Stripe for payments! Whether you're a beginner or an experienced developer, this guide will boost your skills and help you create a production-ready web app!
💻 Tech Stack:
✅ Next.js (App Router) 🏗️
✅ Prisma (Database ORM) 🗄️
✅ NextAuth (Authentication) 🔐
✅ Tailwind CSS + UI Library 🎨
✅ Cloudinary (Image Uploads) 📸
✅ Stripe (Online Payments) 💰
Prisma Documentation: https://www.prisma.io/?aff=skdev
✅ Episode 1: • 🏡 Next.js Full Stack SaaS Real Estate App ...
✅ Episode 2: • NextJS 14 Full Stack | Real Estate Project...
✅ Episode 3: • Next.JS 14 Full Stack Project: Part 3 - Up...
✅ Episode 4: • Authentication and Authorization: Next JS ...
✅ Episode 5: • Delete Property and useFormStatus: Next.JS...
✅ Episode 6: • Parallel And Intercepting Routes: Next.JS ...
✅ Episode 7: • Landing Page -- Next.JS 14 Full Stack Cour...
✅ Episode 8 : • Pagination In Server Components - Next.JS ...
✅ Episode 9 : • Search Bar With useDebounce - Next.JS 14 F...
✅ Episode 10 online payments with stripe: • Stripe Online Payments In Next JS 14 - Ful...
GitHub Repo(Please give it a ⭐ on GitHub): https://github.com/vahid-nejad/NextJS....
📖 Chapters:
0:00:00 Intro
0:02:53 What You Will Learn
0:04:08 Creating Next.js Project
0:05:38 Integrating Prisma
0:16:43 Setup Authentication
0:20:06 UI Library
0:23:38 Navbar
0:30:35 Sign In Panel
0:36:56 Saving The User In Data Base
0:44:08 User Profile Panel
1:05:17 Avatar Section
1:11:46 File Upload
1:25:03 User Properties Page Introduction
1:26:17 Add Property Page
1:33:39 Stepper Component
1:50:34 Basic Form of Add Property
2:13:58 Next And Prev Buttons In Add Property
2:19:07 Location Step of Add Property
2:30:34 Feature Model
2:35:09 Features Form