Loading video player...
In this video, we build and deploy a full-stack Airbnb-style booking platform from scratch using Next.js 16, Better Auth, React 19, Prisma, and PostgreSQL. You’ll learn how to create a real-world booking platform where users can list properties, browse listings, book trips, manage reservations, and save favorites — just like Airbnb. This tutorial is perfect for developers who want to build a production-ready booking platform, improve their full-stack skills, and create a high-quality portfolio project using the Next.js App Router. 🚀 What You’ll Learn ✅ Full-stack app architecture with Next.js 16 ✅ Authentication using Better Auth ✅ Creating and managing listings ✅ Booking & reservations system ✅ Favorites (like Airbnb ❤️) ✅ Advanced filtering (category, location, price) ✅ Server Actions & API routes ✅ Prisma + PostgreSQL integration ✅ Uploading images with Cloudinary ✅ Deploying a full-stack Next.js app 🔗 Links 💼 Connect with EgbonTech on LinkedIn: [https://www.linkedin.com/in/emmanuel-egbon-8a3991239/] 💻 Source Code: [https://github.com/egbontech/airbnb-clone-tutorial-egbontech] 🌍 Live Preview: [https://airbnb-clone-egbontech.vercel.app] 📦 Source Code for Cloudinary Upload: [https://github.com/egbontech/upload-to-cloudinary] 📁 Assets: [https://drive.google.com/file/d/1G4bOnjBn6fOXqnUr66WEa90UakIXcjOj/view?usp=sharing] 🔗 Recommended Projects 🚀 Build & Deploy a Fullstack Modern Blog Platform https://youtu.be/su5J9bftVAA 🚀 Build & Deploy a Fullstack Spotify Clone https://youtu.be/GOnSwI6GLEE 🚀 Build & Deploy a Fullstack Twitter Clone https://youtu.be/wUXc67PGmcw Chapters 00:00 – Intro & Project Overview 12:06 – Project Setup & Folder Structure 22:24 – Building the Navbar 45:10 – Building the Home Page 56:56 – Authentication UI 01:53:12 – Setting Up Prisma 02:09:30 – Setting Up Better Auth 02:23:02 – User Registration (Sign Up) 02:45:05 – User Sign In 02:51:10 – Google OAuth Sign In 02:59:45 – Conditional Rendering Based on Auth 03:09:20 – Building the Create Listing Modal 04:53:55 – Creating Listings (Image Upload + FormData) 05:20:41 – Fetching Listings 05:43:15 – Favoriting Listings 06:06:28 – Fetching Favorite Listings (Server Actions) 06:35:10 – Listing Details Page UI 07:05:50 – Fetching a Single Listing (Server Actions) 07:27:00 – Creating Reservations (Booking System) 07:50:52 – Fetching Trips (User Bookings) 08:05:23 – Fetching Reservations (Host View) 08:14:45 – Cancelling Trips & Reservations 08:35:35 – Filtering Listings (Category, Location & Price) 09:12:13 – Adding Custom Loading Skeletons 09:30:02 – Running Lint Checks 09:31:18 – Deploying to Vercel 09:43:40 – Outro