كيف تنشر تطبيقًا بنيته بالذكاء الاصطناعي؟
أقصر طريق لنشر تطبيق بنيته بأداة ذكاء اصطناعي هو هذا: اطلب خادم Next.js من Seturack، وانسخ صف الصقه في أداة الذكاء الاصطناعي من تبويب نظرة عامة في لوحتك، والصقه في أداة البرمجة المفتوح فيها مشروعك. تربط الأداة الشيفرة بالخادم عبر GitHub وتبنيها وتعطيك عنوان HTTPS. ومن ثَمّ يمكن لكل أمر git push أن ينشر نسخة جديدة.
أيًّا كانت الأداة التي كتبته، فالناتج عادةً مشروع Next.js أو Vite أو Astro أو Node أو Python عادي. والمشكلة أن أدوات الذكاء الاصطناعي بارعة في جعل الشيفرة تعمل وأقل حرصًا على ما يتطلبه الإنتاج، ولذلك يتضمن هذا الدليل قائمة تحقق.
دليل لأداتك
| أين بنيته؟ | كيف تخرج الشيفرة | الدليل |
|---|---|---|
| Cursor وClaude Code وWindsurf | هي على حاسوبك أصلًا | تنشرها الأداة |
| Lovable | مزامنة Git أو ملف zip | دليل Lovable |
| Bolt.new | GitHub أو ملف zip | دليل Bolt.new |
| v0 | GitHub | دليل v0 |
| Replit | لوحة Git أو ملف zip | دليل Replit |
| ChatGPT وClaude | حفظ الشيفرة في ملف | النشر من الصفر |
النشر بالنص الذي تلصقه
- اطلب خادمًا من صفحة Next.js VPS. يأتي هذا الخيار مع لوحة Coolify التي لا تقتصر على Next.js.
- في لوحة Seturack افتح الخادم من خوادمي وانتظر حتى يقول صف التطبيق في تبويب نظرة عامة إنه جاهز.
- انسخ صف الصقه في أداة الذكاء الاصطناعي. وهو يتبع هذا النمط:
Deploy this project to my Seturack server. Read and follow the instructions first: https://www.seturack.com/deploy.txt Panel: PANEL-ADDRESS API key: API-KEY - افتح المشروع في أداة برمجة تستطيع تنفيذ الأوامر والصق النص.
- تفحص الأداة المشروع وتربط المستودع وتنشئ التطبيق وتراقب البناء. وتطلب منك القيم الناقصة والموافقات.
- افتح عنوان HTTPS الذي تعطيك إياه وجرّب التطبيق بنفسك.
احفظ مفتاح API الموجود في ذلك النص بقدر ما تحفظ كلمة المرور. وفي اختباراتنا، عملت مشاريع Next.js وTanStack Start وVite (ثابت) وHTML العادي وAstro وFlask كلها، واستغرق النشر من 1 إلى 6 دقائق.
ماذا ينبغي أن تفحص قبل الإطلاق؟
| ما يُفحص | لماذا يهم | كيف تنظر |
|---|---|---|
| هل في الشيفرة أسرار؟ | المفتاح الذي أُودع يبقى في سجل Git بعد حذف الملف. | git ls-files | grep -i env |
| هل ينجح البناء؟ | الشيفرة التي تعمل محليًا قد يفشل بناؤها بسبب أخطاء الأنواع. | npm run build |
| هل هناك lockfile؟ | يحتاج إليه الخادم ليثبّت الإصدارات التي اختبرتها. | ls *lock* |
| هل بقيت عناوين محلية؟ | عنوان localhost لن يعمل في الإنتاج. | grep -rn localhost app src |
| على أي عنوان يستمع التطبيق؟ | لا يمكن الوصول من الخارج إلى خادم يعمل على 127.0.0.1. استخدم 0.0.0.0. | grep -rn "127.0.0.1" app src |
| هل قاعدة البيانات ملف؟ | تُعاد بناء الحاوية مع كل نشر، وملف SQLite داخلها يختفي. | grep -rln sqlite app src |
تنتهي أوامر grep برمز خطأ حين لا تجد شيئًا، وهذا لا بأس به. وإن لم يوجد app أو src فاحذف ذلك الاسم.
أشيع خطأ في التطبيقات المبنية بالذكاء الاصطناعي هو تسرب مفتاح النموذج إلى المتصفح. في Next.js يُكتب أي متغير يبدأ بـ NEXT_PUBLIC_ في شيفرة المتصفح أثناء البناء، فيستطيع الجميع قراءته. لا تعطِ مفاتيح النماذج أو المدفوعات هذه البادئة أبدًا. وإن كنت قد دفعت مفتاحًا بالفعل فحذفه لا يكفي: أبطله لدى المزوّد وأصدر مفتاحًا جديدًا.
كيف تضع الشيفرة على GitHub؟
ينشر الخادم من مستودع Git. وإن لم يكن لديك واحد، فتنشئ أداة البرمجة مستودعًا خاصًا حين توافق. وإن أردت فعل ذلك بنفسك فتأكد أن في .gitignore سطرًا لـ .env، ثم نفّذ هذه في مجلد المشروع. تنشئ أداة سطر الأوامر gh المستودع وتدفع الشيفرة:
git init
git add .
git commit -m "first version"
gh repo create project-name --private --source . --push
النشر يدويًا من اللوحة
يمكنك أداء العمل نفسه في Coolify بلا أداة برمجة. لديك صلاحية root، ويمكنك إدارة كل شيء من اللوحة إن فضّلت. والعنوان وكلمة المرور في تبويب نظرة عامة. ويغطي دليل Next.js لدينا المستودعات الخاصة وwebhooks والنطاقات. وتتغير بعض الحقول لمشاريع أخرى. جرّبنا هذه الإعدادات على خادم حقيقي مع المشاريع النموذجية في Coolify:
| المشروع | الإعدادات |
|---|---|
| Next.js | المنفذ 3000 |
| Vite (ثابت) | Output type: Static site، وPublish directory: /dist |
| Astro (خادم) | المنفذ 4321، وStart command: HOST=0.0.0.0 node dist/server/entry.mjs |
| Python (Flask) | المنفذ 5000، وStart command: python -m flask run --host=0.0.0.0 --port=5000 |
ماذا ينبغي أن تنظر فيه بعد الإطلاق؟
- تأكد أن كل نقطة نهاية على جانب الخادم تتحقق من الجلسة. كثيرًا ما تحمي أدوات الذكاء الاصطناعي الواجهة وتنسى مسار API خلفها.
- حدّد معدل الطلبات لأي نقطة نهاية تستدعي نموذجًا، وإلا استطاع الغرباء رفع فاتورتك.
- اقرأ صفحة Logs الخاصة بالتطبيق في Coolify عدة مرات في اليوم الأول.
- اختبر نسخك الاحتياطية. فإلى أن تستعيد إحداها لا تعرف حقًا أن لديك نسخة.
الأسئلة الشائعة
ما قوة الخادم المطلوبة؟
توصي صفحة البيع بـ 4 GB من RAM على الأقل و2 vCore و40 GB من القرص. بُني مشروع Next.js صغير على 2 GB، أما مشروع فيه 85 حزمة فنفدت ذاكرته عند 2 GB وبُني عند 4 GB. وإذا فشل البناء فـ ارفع الحجم من لوحتك. يبقى عنوان IP والبيانات كما هي.
كم تبلغ التكلفة شهريًا؟
سعر هذا الحجم نحو $6 شهريًا (شاملًا ضريبة القيمة المضافة)، ومن خارج تركيا تدفع بالدولار الأمريكي. النسخ الاحتياطية اليومية مشمولة في السعر والترافيك غير محدود. ونقارن هذا بالاستضافة المحاسَبة بحسب الاستخدام في هذه المقالة.
كيف أربط نطاقي؟
وجّه سجل A إلى عنوان IP للخادم، ثم أخبر الأداة بالنطاق أو أضفه في صفحة Domains في Coolify. تصدر الشهادة تلقائيًا، والخادم في إسطنبول. ويغطي مقال المساعدة لدينا السجل.
كيف أحدّث التطبيق بعد الإطلاق؟
اطلب من الأداة أن تنشر مع كل push، أو اضبط webhook يدويًا. عندها يبني git push كل نسخة جديدة وينشرها. وبلا webhook اضغط Redeploy في Coolify.
أين ينبغي أن تقيم قاعدة البيانات؟
لا تترك بيانات المستخدمين داخل الحاوية. أنشئ PostgreSQL في اللوحة نفسها: يبقى بعيدًا عن الإنترنت العام ويوضع عنوانه في متغير مثل DATABASE_URL. وفي SQLite ركّب المجلد بـ Persistent Storage. وإذا كان المشروع يستخدم Supabase فانظر Supabase VPS.
التعليقات0
لا توجد تعليقات بعد
كن أول من يشارك رأيه.
يرجى تسجيل الدخول أو إنشاء حساب لترك تعليق.