Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Mastering Next.js:Build an Airbnb Clone from Scratch (2024)
Intro
Intro (12:22)
Useful Info
Q&A
Setup (2:12)
Github Repository
Next.js Tutorial (optional)
Important Info !!! (0:45)
Install (1:14)
Files and Folders (3:24)
Home Page (2:57)
Create Pages (2:37)
Link Component (2:05)
Nested Routes (2:20)
CSS (1:11)
Tailwind Info (9:34)
Layout Component (4:22)
Navbar Component (4:08)
Fonts (3:51)
Metadata (2:21)
Server vs Client (2:07)
Counter (7:05)
Fetch Data (6:23)
Refactor (2:34)
Loading Component (3:39)
Error Component (2:57)
Nested Layout (3:25)
Dynamic Page (6:24)
Local Image (7:38)
Remote Images (5:43)
Response Images (7:30)
More Routing Options (7:41)
Server Actions - Info (4:27)
Actions Page - Setup (9:05)
Actions File (6:07)
Save User (8:20)
Fetch Users (3:08)
Revalidate Cache and Redirect (5:37)
UseFormStatus Hook (6:32)
UseFormState Hook (8:18)
Delete Button (2:42)
Input Hidden (4:21)
Bind Method (4:58)
Route Handlers - Info (2:34)
Route Handlers - GET (6:25)
Route Handlers - Params (6:45)
Rout Handlers - POST (6:40)
Middleware (6:22)
Local Build (3:50)
Cache (5:36)
HomeAway Project
Project Overview (12:24)
Setup (1:40)
Remove Boilerplate (2:09)
Create Pages (4:37)
Important Update !!!
Install Shadcn (3:18)
Button Component (8:16)
Install Shadcn Components (4:04)
Navbar Structure (6:10)
Logo and NavSearch Components (4:01)
Change Theme (3:30)
Dark Mode (9:09)
Links Dropdown - Setup (10:11)
Clerk Auth Provider (10:01)
SignOuLink Component (3:55)
LinksDropDown - Complete (5:05)
Create Profile - Setup (9:13)
FormInput Component (4:48)
SubmitButton Component (5:23)
FormContainer Component (8:19)
Refactor Create Profile (7:19)
Zod Library (11:59)
Supabase Setup (4:49)
Prisma Setup (3:58)
Connect Prisma with Supabase (7:11)
Prisma CRUD (3:35)
Create Profile - Complete (15:12)
Fetch Profile Image (6:13)
Modify Create Profile (5:56)
Fetch Profile (8:50)
Update Profile (8:31)
Zod Safe Parse Method (5:51)
ValidateWithZodSchema Helper Function (4:59)
Image Input (4:38)
Image Input Container (15:40)
Image Zod Validation (9:08)
Supabase Bucket and Keys (3:40)
Supabase Upload Image (7:04)
Upload Profile Image Action - Complete (4:29)
Property Schema (6:01)
Create Property Page - Setup (11:46)
Price Input Component (6:04)
Categories Input Component (9:18)
Description Input Component (4:48)
Countries Input Component (8:50)
Counter Input Component (12:40)
Amenities Input Component (12:33)
Create Property - Complete (8:08)
Fetch Properties (9:42)
Home Page - Setup (6:02)
Categories List Component (9:09)
Empty List Component (3:16)
Properties Container Component (4:02)
PropertyCard - Setup (3:44)
PropertyCard - Blueprint (12:08)
Property Rating Component (5:50)
FavoritesToggleButton Component (2:31)
CountryFlagAndName Component (3:52)
Loading Cards Component (6:35)
NavSearch Component (12:32)
Favorite SignIn Button (8:09)
Fetch Favorite (6:07)
FavoriteToggleForm Component (8:42)
Toggle Favorite Button (5:36)
Favorites Page (7:32)
Property Details Page - Setup (7:26)
BreadCrumbs Component (6:03)
ShareButton Component (9:20)
ImageContainer Component (6:09)
Calendar Component (4:58)
Property Details Component (4:17)
UserInfo Component (5:32)
Description Component (8:26)
Amenities Component (5:44)
Property Map Component (8:54)
Important Info !!!
Deploy on Vercel (12:04)
Reviews Functionality
Review Model (5:48)
RatingInput Component (6:01)
SubmitReview Component (8:14)
Submit Review Functionality (6:53)
Fetch Reviews (2:07)
Render Reviews (4:59)
Review Card Component (15:17)
Fetch and Delete User Reviews (4:47)
Icon Button (5:31)
Reviews Page (7:19)
Reviews Loading Cards (3:39)
Property Rating Component - Complete (5:36)
Allow Reviews (11:20)
Bookings
Booking Model (5:00)
Booking Components (6:16)
Zustand Library (9:12)
Booking Container / Calendar - Initial Setup (10:13)
Calculate Totals (8:47)
Confirm Booking (9:08)
Confirm Booking Component (7:49)
Create Booking Action (6:05)
Blocked Periods (8:06)
Disabled Dates (10:12)
Fetch and Delete Bookings (6:01)
Bookings Page (11:13)
Delete Booking (3:20)
Old Old Old (3:39)
Booking Model (5:00)
Booking Components (6:16)
Zustand Library (9:12)
Booking Container / Calendar - Initial Setup (10:13)
Calculate Totals (8:47)
Confirm Booking (9:08)
Confirm Booking Component (7:49)
Create Booking Action (6:05)
Blocked Periods (8:06)
Disabled Dates (10:12)
Fetch and Delete Bookings (6:01)
Bookings Page (11:13)
Delete Booking (3:20)
Loading Table (3:39)
Entire App
Fetch and Delete Rentals (9:50)
Rentals Page (13:35)
Fetch Rental Details (3:20)
Edit Rentals Page (12:18)
Amenities Gotcha/Fix (6:03)
Update Rental Functionality (9:17)
Reservations Page - Setup (3:26)
Fetch Reservations (2:34)
Reservations Page - Complete (8:35)
Admin Page -Setup (2:54)
Admin Page - Middleware (10:38)
Admin Page - Loading Components (5:44)
Admin Page - Stats Container (9:28)
Admin Page - Fetch Chart Data (9:51)
Admin Page - Charts Container (7:55)
Stripe - Setup (7:01)
Stripe - Checkout Page (5:38)
Stripe - Payment Route (13:53)
Stripe - Confirm Route (8:19)
Refactor DB Queries (6:13)
Reservation Stats Components (8:04)
Deploy Bug Fix !!!
Atlas Account - Optional Video !!! (6:09)
Teach online with
Admin Page - Charts Container
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock