نقل مشروع من Claude إلى موقع حقيقي على أوترا

قبل أن تنتقل: هل الانتقال مناسب لك؟

Claude رائع في تحويل فكرة إلى نموذج يعمل داخل المحادثة: حاسبة، لوحة صغيرة، صفحة هبوط. ويتيح نشر الـ artifact برابط يفتحه أي شخص دون حساب في Claude، وتضمينه في نطاقات تسمح بها. لنموذج تعرضه على شريكك أو تجربة سريعة، هذا كافٍ تمامًا.

لكن الـ artifact ليس موقعًا كاملًا. حسب المستندات التي راجعناها لا يوجد له نطاق مخصّص، ولا قاعدة بيانات أو تسجيل دخول مدمج للتطبيق، ولا مسار موثّق لمزامنة الكود مع GitHub. إذا أردت أن يحفظ موقعك طلبات حقيقية أو يسجّل عملاء، فأنت تحتاج بيئة تشغّل خادمًا وقاعدة بيانات، وهنا يأتي دور الانتقال.

• مثال: معلّم في أبها بنى في Claude اختبارًا تفاعليًا لطلابه، ويريد الآن حفظ درجاتهم ونشر الاختبار على نطاق مدرسته.
• مثال آخر: صاحبة مشغل خياطة طلبت من Claude حاسبة أسعار للتفصيل، وتريدها صفحة دائمة على موقعها مع نموذج طلب.
• إذا كنت تستخدم Claude Code على مستودعك الخاص، فالكود عندك أصلًا في Git، والانتقال أسهل بكثير.

نعمل على تجهيز لقطات شاشة حقيقية وفيديو قصير يشرح خطوات الانتقال من Claude إلى أوترا، وسنضيفها هنا قريبًا. حتى ذلك الحين اتبع الخطوات المكتوبة بالترتيب.

ما الذي ينتقل وما الذي لا ينتقل

خطوات الانتقال

1. 1

   اجمع آخر نسخة من الكود

   افتح المحادثة وانسخ آخر نسخة من الـ artifact، وليس نسخة قديمة في أول المحادثة. إذا كان الكود موزعًا على عدة ردود، اطلب من Claude في المحادثة نفسها أن يجمع المشروع كاملًا ويذكر اسم كل ملف.

2. 2

   نظّم الملفات

   ضع كل جزء في ملف باسمه. صفحة HTML بسيطة تكفيها index.html، ومكوّن React يحتاج ملفًا له وملف حزم يذكر المكتبات المستخدمة.

3. 3

   ابحث عن مفاتيح مكتوبة في الكود

   إذا كتبت مفتاح API داخل الكود أثناء التجربة، احذفه قبل الرفع واكتب اسم متغير بدلًا منه، مثل OPENAI_API_KEY.

4. 4

   ارفع الملفات إلى مستودع GitHub خاص

   أنشئ مستودعًا خاصًا وارفع الملفات من واجهة GitHub أو من الترمينال.

   mkdir tailor-calculator && cd tailor-calculator
   # ضع الملفات هنا
   git init && git add . && git commit -m "From Claude artifact"
   git remote add origin https://github.com/YOUR-USER/tailor-calculator.git
   git push -u origin main

5. 5

   استورد المستودع في أوترا

   أنشئ مشروعًا جديدًا في أوترا واختر الاستيراد من GitHub. البديل إن لم تستخدم GitHub: ابدأ مشروعًا جديدًا وصِف لأوترا ما تريده مع الكود كمرجع.

6. 6

   أضف ما لم يكن ممكنًا في المحادثة

   اطلب قاعدة بيانات تحفظ الطلبات، ونموذج تواصل، ولوحة بسيطة تعرض ما وصل.

7. 7

   انشر واربط نطاقك

   اضغط «نشر» ثم أضف نطاقك من «نطاق مخصّص» واتبع سجلات DNS المعروضة.

أول 3 أشياء بعد الانتقال

1. جرّب الحاسبة أو الأداة بنفس الأرقام التي جربتها في Claude، فالنتيجة يجب أن تكون نفسها حرفيًا.
2. أضف صفحة رئيسية تشرح الأداة ولمن هي، لأن الـ artifact وحده لا يكفي ليفهم الزائر ما أمامه.
3. اربط مستودع GitHub من تبويب «GitHub» في أوترا ليصبح لمشروعك تاريخ تعديلات منظم بدل محادثات متفرقة.

حافظ على ترتيبك في البحث

الـ artifact المنشور لا يملك نطاقك ولا تستطيع أن تضع فيه تحويلًا، لذلك لا يوجد ترتيب سابق تحافظ عليه بالمعنى المعتاد. لكن إن كنت شاركت الرابط مع عملائك أو وضعته في حسابك على إنستقرام، فحدّث هذه الروابط إلى نطاقك الجديد مباشرة.

الأهم هنا أن تبدأ صحيحًا من اليوم الأول: لكل صفحة عنوان ووصف بالعربية، ومسارات واضحة مثل /calculator و /order، وخريطة موقع تُرسل إلى Google Search Console بعد ربط النطاق. اطلب ذلك من أوترا صراحة في أول طلب.

• اختر مسارات نهائية من البداية حتى لا تحتاج تحويلات لاحقًا.
• إن كان الـ artifact مضمّنًا في موقع آخر لك، استبدل التضمين برابط إلى الصفحة الجديدة.