شرح Replit بالعربي: بناء تطبيق بالوكيل الذكي

ما هي الأداة ولمن

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

تناسب من يريد تطبيقًا فيه بيانات حقيقية ومستخدمون: نظام طلبات، لوحة متابعة، أداة داخلية لفريق. وتناسب المبرمج الذي يريد أن يبدأ بالوكيل ثم يتدخل في الكود بنفسه، أو يربط مستودع GitHub أو GitLab قائمًا ويطلب من الوكيل فتح فروع وطلبات دمج.

أما من يريد صفحة تعريفية بسيطة فقط، فقد يجد Replit أكبر من حاجته، وأداة واجهات أو موقع ثابت أنسب له.

قبل أن تبدأ

التطبيق المنشور في الخطة المجانية يتوقف بعد 30 يومًا، فلا تربط به إعلانًا أو رابطًا في حساباتك قبل أن تقرر الترقية.

جهّز: حسابًا على Replit، ووصفًا للبيانات التي سيحفظها التطبيق (ما الحقول؟ من يراها؟)، وقرارًا مبدئيًا عن تسجيل الدخول: هل المستخدمون أصحاب حسابات Replit، أم عملاؤك بحساباتهم هم؟

الخطوات

المثال: تطبيق طلبات لمحمصة قهوة في الرياض، يطلب فيه العميل حبوبًا بالوزن ويستلمها من الفرع، ويتابع الموظف الطلبات من لوحة.

1. 1

   ابدأ بوضع Plan إن كانت خطتك تشمله

   اطلب من الوكيل أن يخطط قبل أن يبني: الصفحات، الجداول، وأدوار المستخدمين. راجع الخطة وصحّح فيها، فتصحيح خطة أرخص من تصحيح كود.

2. 2

   صف التطبيق في رسالة واحدة

   اذكر المنتجات (إثيوبي، كولومبي، برازيلي) والأوزان (250 و 500 غرام) والسعر بالريال، وحالات الطلب: جديد، قيد التحميص، جاهز للاستلام.

3. 3

   أضف قاعدة البيانات

   Replit توفر Postgres مُدارة مبنية على Neon، بقاعدة منفصلة للتطوير وأخرى للإنتاج. هذا يعني أن طلباتك التجريبية لا تختلط بطلبات العملاء الحقيقيين.

4. 4

   اختر طريقة تسجيل الدخول

   Replit Auth يسجّل المستخدمين بحسابات Replit، و Clerk Auth يعطيك صفحة دخول باسم علامتك. لعملاء محمصة، الخيار الثاني أنسب لأنهم لا يملكون حسابات Replit.

5. 5

   جرّب كل حالة بنفسك

   اطلب طلبًا من حساب عميل، ثم غيّر حالته من حساب الموظف، وتأكد أن العميل يرى التغيير. اطلب من الوكيل إصلاح أي خلل بوصف ما حدث بالضبط.

6. 6

   اربط المستودع

   من إعدادات الربط اختر GitHub أو GitLab، فيصبح للمشروع تاريخ وفروع، ويقدر الوكيل فتح طلبات دمج.

7. 7

   انشر من إعدادات Publishing

   اختر نوع النشر المناسب: Autoscale لتطبيق بخادم، أو static لموقع ثابت. يحصل التطبيق على رابط إنتاجي منفصل عن بيئة التطوير.

8. 8

   اربط النطاق

   من إعدادات النشر أضف نطاقك، ثم أضف سجل A وسجل TXT في لوحة المسجّل كما تظهر لك. ويمكن أيضًا شراء نطاق من داخل Replit.

   النوع   الاسم   القيمة
   A       @       (العنوان الذي تعرضه Replit)
   TXT     @       (رمز التحقق الذي تعرضه Replit)

نصائح للعربي

لم نجد في توثيق Replit الرسمي ما يخص العربية أو RTL، فالمسؤولية عليك في البرومبت والمراجعة. ولأن التطبيق هنا فيه قاعدة بيانات، فالعربية تمسّ البيانات أيضًا لا الواجهة فقط.

• تأكد أن الحقول النصية تحفظ العربية وتعرضها كما هي، وجرّب اسمًا مثل «عبدالرحمن الشهري» في نموذج الطلب.
• اطلب تنسيق التاريخ والأسعار بالعربية مع أرقام غربية، مثل «12 نوفمبر، 85 ر.س».
• إن أرسل التطبيق رسائل أو بريدًا، اطلب أن يكون اتجاه قالبه من اليمين لليسار أيضًا.
• في لوحة الموظف، الجداول تحتاج محاذاة text-align: start حتى تبدأ الأعمدة من اليمين.

مشاكل الاتجاه الشائعة في Replit وحلولها في إصلاح RTL في Replit.

حدود يجب أن تعرفها

• المجانية تجربة لا إطلاق: بناء Lite فقط، وتطبيق منشور واحد يتوقف بعد 30 يومًا ويحمل شارة Replit.
• الرصيد بقيمة مالية: في Core تحصل على أرصدة نماذج بقيمة 20 دولارًا شهريًا، والمهام الكبيرة تستهلكها أسرع. راقب الاستهلاك في الأسبوع الأول.
• تنزيل المشروع كملف zip: لم نجد له ذكرًا في التوثيق الرسمي، فاعتمد على ربط GitHub أو GitLab للاحتفاظ بنسخة.
• النطاق الخاص: مدعوم من إعدادات النشر، لكن الصفحات التي راجعناها لا تذكر أي خطة تشترطه، فتأكد قبل الدفع.
• التعاون: حتى 15 متعاونًا في Pro، وهو رقم مهم إن كان فريقك كبيرًا.

وللإنصاف: Replit من أقوى الخيارات لمن يريد تطبيقًا بخادم وقاعدة بيانات حقيقية، وفصل قاعدة التطوير عن الإنتاج واسترجاع قاعدة البيانات في Pro ميزات ناضجة.

متى تختار أوترا

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

وإن بنيت شيئًا في Replit وتريد نقله، فالخطوات في انقل مشروعك من Replit.