كيف تنشر مواقع وتطبيقات Google AI Studio

اختر باقة الاستضافة

Hostinger Business Plan

اختر الباقة الموضّحة في الفيديو، ثم تابع الدليل.

RECOMMENDED

https://www.hostg.xyz/SHJ9N

احصل على نطاقك المجاني

أكمل الدفع وإعداد الحساب

أنشئ موقعًا جديدًا باستخدام Empty PHP/HTML Website

افتح مشروع Google AI الخاص بك

انقر على Save to GitHub

أنشئ مستودعًا جديدًا

انقر على Add Changes لرفع المشروع كاملًا

عُد إلى Hostinger

اختر Node.js Web App

انقر على Continue with GitHub

اختر نفس المستودع

يكتشف Hostinger Vite تلقائيًا (لا تغييرات مطلوبة)

أضف مفتاح Gemini API كمتغيرات بيئة

API_KEY GOOGLE_API_KEY GEMINI_API_KEY VITE_GOOGLE_API_KEY VITE_GEMINI_API_KEY

API_KEY

مفتاح Gemini API

GOOGLE_API_KEY

مفتاح Gemini API

GEMINI_API_KEY

مفتاح Gemini API

VITE_GOOGLE_API_KEY

مفتاح Gemini API

VITE_GEMINI_API_KEY

مفتاح Gemini API

احصل على هذا المفتاح من Google AI Studio

افتح صفحة مفاتيح API

https://aistudio.google.com/app/apikey

انقر على Deploy

اربط نطاقك

إذا ظهرت شاشة بيضاء فارغة، شغّل الـ Prompt التالي في Google AI

Prompt إصلاح الشاشة البيضاء

يُنشر بلا أخطاء، لكنه في الإنتاج يعرض صفحة بيضاء فارغة…

It deploys without errors, but in production, it renders a blank white page. No console errors appear. The issue occurs on multiple hosting providers, so it is not a hosting problem. Please debug the app and fix the root cause so it renders properly in production, without changing the existing UI.

Save → Stage → Commit إلى GitHub

يُعيد Hostinger نشر التحديث تلقائيًا

ملخص سير العمل النهائي

يبني Google AI مشروعك يُزامن GitHub التغييرات يقوم Hostinger بنشر كل شيء تلقائيًا أي تحديث مستقبلي في Google AI ينعكس فورًا على موقعك