Mastering Next.js
Build Airbnb Full-Stack App with Next.js 14+, Typescript, Clerk Auth, Prisma, Supabase, Tailwind, Shadcn-ui, Zod,Vercel
Example Curriculum
Intro
Available in
days
days
after you enroll
Next.js Tutorial (optional)
Available in
days
days
after you enroll
- 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
Available in
days
days
after you enroll
- 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
Available in
days
days
after you enroll
- 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
Available in
days
days
after you enroll
- 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
Available in
days
days
after you enroll
- 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)
Check your inbox to confirm your subscription