استضافة الواجهة
انشر أي واجهة — React أو Vite أو Next.js أو أي SPA ثابت — إلى شبكة حافة عالمية. يحصل كل مشروع على نطاق فرعي مجاني your-project.dypai.app مع HTTPS تلقائي. على خطة Pro يمكنك أيضاً ربط نطاقك المخصص.
مصمّم للتطوير بالذكاء الاصطناعي
أسرع طريقة للنشر هي من بيئة التطوير. أخبر مساعد الذكاء الاصطناعي «انشر تطبيقي» ويتولى الباقي عبر HeroMate MCP.
تنقّل لوحة الواجهة
منطقة Frontend في مجموعة Ship لها أربعة عناصر فرعية:
- Overview — عنوان URL للموقع ومعاينة الجهاز وزر النشر وتنزيل ZIP ورابط GitHub وشريط الاستخدام.
- Deployments — سجل النشر الكامل وسجلات البناء والتراجع بنقرة واحدة. راجع النشر والإصدارات والتراجع.
- Variables — متغيّرات بناء الواجهة (عامة) وأسرار الخلفية المشفّرة.
- Domains — ربط نطاق مخصص (Pro) مع SSL تلقائي. راجع النطاقات المخصصة.
ما تحصل عليه
شبكة حافة عالمية
يُقدَّم تطبيقك من مئات المواقع حول العالم. تحميل سريع في كل مكان.
HTTPS تلقائي
تُصدر شهادات SSL وتُجدَّد تلقائياً لكل نطاق.
نطاقات مخصصة (Pro)
اربط نطاقك بسجل CNAME واحد. يتطلب خطة Pro؛ المجانية نطاق فرعي فقط.
المتغيّرات والأسرار
متغيّرات بيئة عامة وقت البناء للمتصفح، إضافة إلى أسرار خلفية مشفّرة وقت التشغيل.
الإصدارات والتراجع
كل نشر مُصدَّر في العنصر الفرعي Deployments. تراجع إلى أي بناء سابق بنقرة واحدة.
بناء تلقائي
ادفع مصدرك ويُبنى تطبيقك ويصبح مباشراً في نحو دقيقة.
كيفية النشر
1. من بيئة التطوير (موصى به)
إذا ثبّت HeroMate MCP (Cursor و Claude Code و Windsurf و Codex وغيرها)، اطلب فقط:
"Deploy my app"
سيحزّم مساعد الذكاء الاصطناعي مشروعك ويشغّل البناء ويعطيك عنوان URL المباشر.
أول مرة؟
شغّل npx @dypai-ai/install في مجلد مشروعك. يرشدك لاختيار بيئة التطوير ويربط حساب HeroMate عبر المتصفح ويثبّت SDK ويضيف ملف التعليمات للوكيل.
2. من لوحة التحكم
افتح تبويب Frontend في لوحة تحكم مشروعك. من العنصر الفرعي Overview يمكنك:
- رفع ZIP لمخرج البناء
- معاينة الموقع المباشر بأحجام الجوال أو الجهاز اللوحي أو سطح المكتب
- رؤية عنوان URL للموقع وتنزيل ZIP وفتح رابط GitHub وفحص شريط الاستخدام
لإدارة الإصدارات والتراجع، افتح العنصر الفرعي Deployments — راجع النشر والإصدارات والتراجع.
3. من سير عمل GitHub الخاص بك
إذا كان مستودع المشروع مربوطاً، يشغّل كل دفع إلى main بناءً تلقائياً. تدير المصدر — وتتولى HeroMate البناء والنشر.
عملية البناء
ارفع أو ادفع
ترسل مصدر تطبيقك (من بيئة التطوير أو ZIP أو دفع Git).
بناء تلقائي
تكتشف HeroMate إطارك (Vite أو Next.js أو Create React App أو ثابت وغيرها) وتثبّت الاعتمادات وتشغّل أمر البناء. لا تحتاج ضبط شيء.
نشر عالمي
يُوزَّع مخرج البناء على شبكة الحافة. موقعك مباشر على your-project.dypai.app في نحو دقيقة.
فحص الصحة
تتحقق HeroMate من أن الإصدار الجديد يرد بشكل صحيح. إذا حدث خطأ، يُعاد محاولة النشر تلقائياً.
قوالب البداية
عند إنشاء مشروع، يمكنك البدء من قالب جاهز:
| القالب | ما يتضمنه |
|---|---|
| Landing + admin | صفحة هبوط عامة + نموذج تواصل + لوحة إدارة للعملاء المحتملين |
| Auth app | تسجيل وتسجيل دخول واستعادة كلمة المرور ولوحة بمسارات محمية |
| Private app | تسجيل دخول فقط — ينشئ المدير المستخدمين دون تسجيل عام |
| Blank | SDK مربوط مسبقاً. ابنِ أي شيء من الصفر |
تتضمن كل القوالب React + Vite + TypeScript + Tailwind CSS و @dypai-ai/client-sdk وإعداد MCP لبيئة التطوير.
يمكنك أيضاً تصفّح سوق القوالب داخل لوحة التحكم للبدء من مشاريع المجتمع — إدارة عيادات وأنظمة CRM وتجارة إلكترونية والمزيد.
الحدود
| نطاق فرعي مجاني | your-project.dypai.app (HTTPS تلقائي) على كل خطة |
| النطاقات المخصصة | خطة Pro فقط — حتى 5 لكل مشروع (المجانية نطاق فرعي فقط) |
| وقت البناء | مهلة سخية لكل بناء؛ تُقطع البناءات الطويلة جداً |
| حجم النشر | مخرجات البناء الكبيرة مدعومة؛ قد تُرفض الحزم الضخمة جداً |
| دقائق البناء | تُحتسب مقابل خطة مساحة عملك — راجع الاستخدام |
تحتاج نطاقاً مخصصاً أو سعة أكبر؟ راجع التسعير والخطط وأرصدة الذكاء الاصطناعي.