May 13
Loading video player...
gitHub Source Code: 👇 https://github.com/walaa-horani/airbnb.git 00:00 Intro 00:39 Airbnb Live Example 01:06 Don't Ever Use Frontend Only! 02:05 Tech Stack 03:15 What AI Tool Should I Use? 03:41 Clerk's New Update (CLI) 04:05 What is CLI? 04:40 Our First Commit to GitHub 05:12 Stripe's Commission 05:57 Convex is the Most Powerful Database 07:07 Install pnpm & Delete package-lock.json 07:32 How Cloud Functions Work Inside Convex 08:34 Install Clerk CLI 08:51 Install Next.js, Clerk & Convex 09:42 Create New Clerk App 10:15 Convex AI Agents Skills 15:08 Error! Clerk Deprecated Version 16:28 Don't Trust AI Plans Blindly! 17:21 Cursor Plugins & Marketplace 17:43 Cursor AI Agent Skills 18:12 Claude Superpower Skills 19:44 Antigravity Skills 20:38 package.json Error! 21:21 Create New Convex Project 24:15 Clerk & Convex Integration 27:39 How To Use Codex (CLI) 28:28 Start Prompting with Claude 36:43 Don't Speak Arabic with Claude 37:55 shadCN Design System 38:22 Stripe Plugin Inside Cursor 38:34 How to Install Stripe CLI 42:30 Claude Starts the Plan 43:21 Claude's New Feature (Web Browser) 43:54 Write Your Comments About Claude Design 44:11 Live Preview Starting 44:40 App Router Structure 45:49 Resend Library for Emails 46:37 Payment Architecture Approaches 47:52 System Architecture 49:14 Convex Tables & Schema 49:26 Use Cloudinary to Process Images 50:22 Booking & Payment Lifecycle 51:22 Page Layouts 52:24 Host Onboarding & Auth Flows 53:46 Test Clerk CLI 56:54 Add Clerk Webhook Secret 59:51 Learn More About Clerk CLI 1:00:30 Test Stripe CLI 1:01:04 Create Stripe Webhook Secret 1:02:55 Learn More About Stripe CLI 1:03:20 Test Phase 1 1:06:44 Add Cloudinary Keys 1:07:34 Claude's Big Mistake!! 1:08:52 Fix All AI Errors! 1:10:57 Testing After Fixing Errors 1:14:12 Fixing Auto-Submit Issue 1:15:32 Handle Draft & Publish Issue 1:16:33 Phase 3 - MapBox 1:21:02 Test Search Inside the Map 1:21:41 Bookings, Calendar & Trips 1:23:32 Stripe Onboarding & Bank Account 1:26:48 Stripe Webhook CLI is NOT the Best 1:29:13 Create Stripe Bank Account 1:31:11 Stripe Setup Incomplete!! 1:33:55 Stripe & Clerk Integration 1:35:37 Complete Bookings & Payments 1:39:41 End-to-End Payment Testing 1:41:19 Couldn't Receive Payments! 1:45:59 Reviews, Wishlist & Notifications 1:46:45 Testing Reviews & Wishlist 1:48:27 Refunds & Email Notifications 1:52:41 AI Code Review 1:53:41 Lots of Errors Inside the App 1:56:29 Outro لتعلم تصميم موقع من خلال HTML , CSS 👇 https://www.youtube.com/playlist?list=PLUCJ8nkrMZh_f3XKRadPOJVofsSMAgDQn تعلم جافا سكريبت من الصفر 👇 https://www.youtube.com/playlist?list=PLUCJ8nkrMZh9QCEQ2m52hFxmKqPIsYuJH تعلم الرياكت من الصفر 👇 https://www.youtube.com/playlist?list=PLUCJ8nkrMZh-sxUWQ3GeyFHOsTchAuvMP للاشتراك بالقناة 👇 https://www.youtube.com/channel/UCKqpvaeszoAwwzqcbCGFpBg #airbnb #booking #reservation #hotel #nextjs #تعلم_البرمجة #uidesignlearning #technology #frontendcourse #ai #programming #antigravity #claude #claudecode #codex #chatgpt #fullstack #stripe #paypal #payment #money #payouts #حجز #webdevelopment #تصميم_مواقع #برمجة #برمجة_ويب