У нас вы можете посмотреть бесплатно فايب كودينج: الدرس الثالث | تحويل الفكرة إلي SaaS | إعدادات قالب SaaS Boilerplate или скачать в максимальном доступном качестве, видео которое было загружено на ютуб. Для загрузки выберите вариант из формы ниже:
Если кнопки скачивания не
загрузились
НАЖМИТЕ ЗДЕСЬ или обновите страницу
Если возникают проблемы со скачиванием видео, пожалуйста напишите в поддержку по адресу внизу
страницы.
Спасибо за использование сервиса ClipSaver.ru
مع الدرس الثالث من كورس الفايب كودينج (Vibe Coding)، حيث ننتقل من مرحلة صياغة وتجهيز الفكرة باستخدام الذكاء الاصطناعي (Chat GPT/Claude) إلى مرحلة بناء المنتج فعليًا. مقدم الكورس : إبراهيم الشربيني نناقش في هذا الدرس المشاكل التي يواجهها أغلب المطورين الذين يحاولون بناء تطبيقات SaaS باستخدام أدوات الذكاء الاصطناعي مثل Bolt أو Laravel/Firebase Studio، حيث يغفلون عن الجوانب الأساسية للتسويق والتشغيل مثل **الـ Login/Sign up**، ونظام **المدفوعات (Payment System)**، ونظام **الكريديت**، و**الـ Multi-Tenancy**، مما يؤدي إلى منتج غير قابل للبيع. *الحل المقدم:* استخدام *SaaS Boilerplate* (القالب الجاهز) الذي يوفر أكوادًا جاهزة لهذه الوظائف الجانبية، مما يسمح للمطور أو صاحب الفكرة بالتركيز فقط على فكرة العمل الرئيسية (The Core Idea). | الفترة الزمنية | الوصف باللغة العربية | الوصف بالإنجليزية | المصادر | | :--- | :--- | :--- | :--- | | 00:00:00 - 00:04:07 | *مقدمة ومراجعة: من الفكرة إلى الـ Blueprint* | Introduction & Review: From Idea to Blueprint | | | 00:04:07 - 00:07:10 | *مشكلة بناء الـ SaaS باستخدام الذكاء الاصطناعي* | The Problem of Building SaaS with AI Tools | | | 00:07:10 - 00:13:25 | *الحل: تعريف ومكونات SaaS Boilerplate* | The Solution: Defining SaaS Boilerplate Components | | | 00:13:25 - 00:18:10 | *استعراض BoilerplateList ومقارنة المنصات* | Reviewing BoilerplateList & Platform Comparison | | | 00:18:10 - 00:24:54 | *مميزات Vibe Code Next.js SaaS Boilerplate* | Features of the Vibe Code Next.js SaaS Boilerplate | | | 00:24:54 - 00:31:20 | *خطوات التجهيز الأولي وملف الـ .env* | Initial Setup Steps and .env File Preparation | | | 00:31:20 - 00:34:54 | *إعداد الاستضافة (Hetzner) و Portainer و Cloudflare* | Setting up Hosting, Portainer, and Cloudflare | | | 00:34:54 - 00:37:56 | *تسطيب Redis و قاعدة بيانات Postgres (Neon.tech)* | Installing Redis and Postgres Database (Neon.tech) | | | 00:37:56 - 00:42:21 | *إعداد Google Tag Manager (Web & Server) عبر Stape.io* | Setting up Google Tag Manager (Web & Server) via Stape.io | | | 00:42:21 - 00:48:11 | *إعداد Headless WordPress للمدونة والتوثيق* | Setting up Headless WordPress for Blog and Documentation | | | 00:48:11 - 00:51:19 | *تجهيز OpenRouter.ai (لتوحيد موديلات الذكاء الاصطناعي)* | Preparing OpenRouter.ai for AI Model Unification | | | 00:51:19 - 00:53:13 | *تفعيل Cloudflare Turnstile لأمان تسجيل الدخول* | Activating Cloudflare Turnstile for Login Security | | | 00:53:13 - 00:58:12 | *إعداد EmailAt (لخدمة الإيميلات) و Backblaze B2 (للتخزين)* | Setting up EmailAt (Email Service) and Backblaze B2 (Storage) | | | 00:58:12 - 01:02:12 | *مراجعة نهائية لملف الـ .env وإعدادات الكريديت* | Final Review of the .env file and Credit Settings | | | 01:02:12 - 01:06:50 | *ربط قاعدة البيانات (Prisma) وتجربة التطبيق محلياً* | Database Connection (Prisma) and Local App Testing | | | 01:06:50 - 01:11:15 | *نشر الكود على Portainer/Docker عبر GitHub* | Deploying the Code to Portainer/Docker via GitHub | | | 01:11:15 - 01:18:50 | *منهجية Vibe Coding: حل أخطاء الـ Deployment بالذكاء الاصطناعي* | Vibe Coding: Debugging Deployment Errors with AI | | | 01:18:50 - 01:21:03 | *نجاح الـ Build و إعداد الـ Deployment على Railway* | Successful Build and Setting up Railway Deployment | | | 01:21:03 - 01:24:11 | *ربط الدومين وتفعيل الـ SSL عبر Nginx Proxy Manager* | Domain Connection and SSL Activation via Nginx Proxy Manager | | | 01:24:11 - 01:27:40 | *تأمين السيرفر عبر الـ Firewall (خطوات السكيورتي)* | Securing the Server via Firewall Settings | | | 01:27:40 - 01:29:52 | *الخلاصة والخطوة القادمة (البدء في الـ Vibe Coding)* | Conclusion and Next Steps (Starting Vibe Coding) | | #الذكاء_الاصطناعى #برمجة #programming #saas Saas boilerplate from https://vibecode.new discount code: SEOEQUATION