Let's Vibe Code SaaS B2B B2C App | Next.js | Prisma | Paddle | K6 | AI Workflow | Firebase Messaging

التطبيق ليس مجرد واجهة مستخدم (UI)، بل هو نظام خلفي (Backend) متين يتعامل مع منطق عمل معقد (Complex Business Logic). يتيح التطبيق للمستخدمين إنشاء صفحات حجز مخصصة لمختلف الخدمات، وتحديد توافرهم الزمني، واستقبال المدفوعات بشكل مباشر وآمن، مع نظام مراقبة واختبار أداء متقدم لضمان استقرار المنصة تحت أي ظرف. Github Source code: https://github.com/walaa-horani/bookl... 00:00 Intro 00:01:53 Start The prompt 00:02:38 ORM VS SQL 00:03:31 NextAuth.js 00:03:55 Paddle Payments & Availability 00:04:25 Firebase Cloud Messaging 00:05:01 Roles & Permissions 00:06:04 B2B & B2C 00:06:52 Claude skills 00:07:43 Start Executing the plan 00:08:37 Next.js & App Router 00:09:33 Prisma Main Files 00:13:12 Applying The Plans 00:14:05 Push the commits 00:15:36 Phase 3: frontend & backend pages 00:17:21 Phase 4: booking page & PR 00:18:43 Activate Paddle payment & keys 00:23:50 Database URL 00:24:27 Google Auth (Google Console) 00:26:17 Firebase Cloud Messaging 00:28:37 Test booking page 00:29:23 Access blocked by Google 00:30:09 Routing Error 00:30:44 Test Paddle payment & pro plan 00:31:50 Paddle blocked the payment 00:33:04 Paddle has 2 accounts 00:33:40 Paddle checkout 00:34:59 Organization plan & setup 00:38:26 Gemini 3.5 Flash executed the plan 00:41:47 Test Firebase Cloud Messaging 00:44:39 Reminder Email (Cron Job) 00:48:58 Redefine the app (Gemini 3.5 Flash) 00:52:34 Gemini Flash handled it perfectly 00:55:48 Gemini Flash token usage 00:55:54 Audit-security AI Agentic workflow 00:59:20 AI Code review 01:01:22 k6 for Load Testing 01:08:30 Ship a SaaS MVP 01:12:44 UI with Stitch MCP + Gemini Flash 3.5 01:19:43 Outro (Leave a comment) Learn vibe coding from scratch: 👇    • Learn Vibe Coding From Scratch   لتعلم تصميم موقع من خلال HTML , CSS 👇    • تعلم HTML, CSS   تعلم جافا سكريبت من الصفر 👇    • سلسلة تعلم الجافا سكريبت للمبتدئين | javas...   تعلم الرياكت من الصفر 👇    • Learning React from Scratch   للاشتراك بالقناة 👇    / @codeaetherbywalaa   #firebase #message #notification #booking #appointment #تعلم_البرمجة #claude #antigravity #gemini #ai #programming #tech #saas #b2b #b2c #اكسبلور