كيفية نشر مواقع Google AI Studio بشكل صحيح - خطوة بخطوة

تعلّم كيفية نشر مواقع Google AI Studio بالطريقة الصحيحة، من حفظ مشروعك على GitHub وإضافة مفتاح API الخاص بك، إلى إصلاح المشكلات الشائعة وربط نطاق حقيقي وجعل الموقع يعمل بالكامل على الإنترنت خطوة بخطوة. ✅ Hostinger (خصم حصري): https://meticsmedia.com/hostinger-QHBR إنشاء موقع ويب في Google AI Studio هو الجزء السهل. أما جعله يعمل فعليًا على الإنترنت، فهذا هو المكان الذي يتعثر فيه معظم الأشخاص. في هذا الشرح، سأرشدك خلال عملية النشر الكاملة خطوة بخطوة. ستتعلم كيفية حفظ مشروع AI Studio الخاص بك على GitHub، وربطه بالاستضافة للنشر التلقائي، وإضافة مفتاح Gemini API حتى تستمر ميزات الذكاء الاصطناعي في العمل، وإصلاح مشكلة الصفحة البيضاء الفارغة التي تواجه معظم المستخدمين تقريبًا، وربط نطاق مخصص حقيقي بموقعك. كما سأوضح لك كيف تعمل المزامنة التلقائية بحيث تظهر أي تغييرات تجريها في AI Studio تلقائيًا على موقعك المباشر دون الحاجة إلى فعل أي شيء إضافي. سواء كانت هذه أول مرة تنشر فيها موقع ويب أو كنت تحتاج فقط إلى شرح واضح خاص بـ AI Studio، فهذا الفيديو مناسب لك. ما ستتعلمه: ✔️ كيفية حفظ مشروع AI Studio الخاص بك على GitHub ✔️ نشر موقعك باستخدام إعداد تطبيق ويب Node.js ✔️ إضافة مفتاح Gemini API حتى تعمل ميزات الذكاء الاصطناعي بعد النشر ✔️ إصلاح مشكلة الصفحة البيضاء الفارغة ✔️ ربط نطاق مخصص حقيقي بموقعك ✔️ كيف تعمل المزامنة التلقائية بين AI Studio وGitHub والاستضافة ➡️ أمر إصلاح الصفحة البيضاء: “قم بتحديث ملف vite.config.ts بحيث يتم ضبط base على '/' من أجل النشر في بيئة الإنتاج. لا تغيّر أي شيء آخر في الموقع أو تصميمه.” 📍 عروض وخصومات حصرية: https://meticsmedia.com/deals ⏱️ الطوابع الزمنية 0:00 المقدمة 0:56 ما هي الاستضافة؟ 1:40 إعداد الاستضافة 4:02 حفظ مشروع AI Studio على GitHub 6:30 ربط النطاق 7:59 إضافة مفتاح API 10:00 نشر مشروع AI Studio 10:25 إصلاح الصفحة البيضاء 11:16 تحديث موقعك الإلكتروني (المزامنة التلقائية) 12:51 لوحة تحكم Hostinger 13:49 الخطوات التالية 📄 إفصاح بعض الروابط هي روابط تابعة. إذا قمت بعملية شراء من خلالها، فإننا نحصل على عمولة صغيرة دون أي تكلفة إضافية عليك. يساعدنا ذلك في إبقاء مقاطع الفيديو الخاصة بنا مجانية للجميع.