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


النسخة الحالية تحافظ على الهوية نفسها بالأحمر والأبيض، وتضيف ما يحتاجه متجر فعلي: منتجات في قاعدة بيانات حقيقية، وسلة ودفع، وحسابات للعملاء، وقواعد توصيل لكل الولايات، وصفحات يقرأها جوجل بالعربية والإنجليزية.

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




- العربية أولاً، والإنجليزية بلمسة. كل صفحة باللغتين وباتجاه الكتابة الصحيح.
- قواعد التوصيل في صفحة المنتج. مجاني في عبري والعراقي والدريز، خلال 4–6 ساعات هناك ونحو يومين لباقي السلطنة.
- «اطلب منتجاً». إن لم يجد العميل ما يريد يطلبه، ويرد المحل بالسعر.
- أدوات تسوق مجانية. منشئ روتين العناية، وقائمة المولود، ومكتشف هدية العطر تعيد الزوار دون إعلانات.
- الدفع عند الاستلام حالياً. الدفع بالبطاقة عبر ثواني جاهز في الموقع، ويُفعّل عند صدور مفاتيح التاجر الفعلية.


الأدوات، ودور كل واحدة
لا شيء غريب هنا. كل خدمة في الجدول لها خطة مجانية أو تُحتسب تكلفتها عند الاستخدام فقط.
| الجزء | الأداة | لماذا هي |
|---|---|---|
| كتابة الكود | Claude Code (وكيل برمجة بالذكاء الاصطناعي) | بنى الموقع واختبره معنا: 166 تعديلاً محفوظاً و137 ملف اختبار بين أغسطس وأكتوبر 2026 |
| المتجر الذي يراه العميل | React و Tailwind CSS و Radix UI | سريع على الهاتف، ومتناسق، وباللغتين من كود واحد |
| قاعدة البيانات وتسجيل الدخول والصور | Supabase | المنتجات والطلبات والعملاء والموظفون في مكان واحد، بخطة مجانية سخية |
| الاستضافة | Cloudflare Workers (الخطة المجانية)، وقبلها Netlify | العنوان نفسه دون فاتورة شهرية، والتفاصيل في القسم التالي |
| النطاق | qawafal.com على Cloudflare | HTTPS والتخزين المؤقت ضمنه |
| رسائل الطلبات وكلمات المرور | Resend | بريد موثوق من نطاق المحل نفسه |
| الدفع بالبطاقة | ثواني (بوابة دفع عُمانية) | جاهز في الموقع، والدفع عند الاستلام يعمل الآن |
| نصوص المنتجات | Claude من Anthropic | يقرأ الملصق ويكتب الاسم والوصف والمواصفات باللغتين |
| صور الاستوديو | Google Gemini 3 Pro Image (Nano Banana Pro) | يحوّل صورة الرف إلى صورة منتج بخلفية بيضاء |
| إزالة الخلفية | ONNX Runtime Web على الهاتف نفسه | مجانية وخاصة: الصورة لا تغادر الجهاز في هذه الخطوة |
| تسوق جوجل | قوائم Google Merchant Center بالعربية والإنجليزية | المنتجات على جوجل من قاعدة البيانات نفسها |
الاستضافة: من Netlify إلى خطة Cloudflare المجانية
بدأ الموقع الجديد على Netlify، وكانت الصفحات وكود الطلبات وعناوين الصفحات لجوجل تعمل عليه بسهولة. وعندما نفدت أرصدة Netlify المجانية نقلنا كل شيء إلى Cloudflare Workers على الخطة المجانية، ولم يلاحظ العملاء أي فرق: العنوان نفسه، والصفحات نفسها، وكود الطلبات نفسه.
سر بقائه مجانياً: الصور والسكربتات والتنسيقات تُقدَّم كملفات ثابتة، وهي غير محدودة على Cloudflare. الكود يعمل فقط عند فتح صفحة أو إرسال طلب، والخطة المجانية تسمح بـ100,000 من ذلك يومياً، وهو أكثر بكثير مما يحتاجه محل محلي. ومهمتان مجدولتان (تنظيف الطلبات غير المدفوعة كل ساعة وترتيب الإحصاءات يومياً) تعملان على الخطة نفسها.
حدود يجب معرفتها قبل النسخ: 10 أجزاء من الألف من الثانية للمعالجة لكل طلب (انتظار قاعدة البيانات لا يُحتسب)، ومشروع Supabase المجاني يتوقف مؤقتاً إذا لم يستخدمه أحد فترة طويلة، فموقع التجربة الهادئ يحتاج زيارة بين حين وآخر.
كيف يضيف صاحب المحل منتجاً من صورة واحدة
هذا الجزء هو ما يجعل الموقع يعيش. الموقع الذي لا يستطيع صاحبه تحديثه يصبح قديماً خلال شهر، لذلك كان لا بد أن تكون إضافة منتج أسرع من كتابة رسالة واتساب.
- صورة عادية بالهاتف للمنتج على رف المحل.
- تُزال الخلفية على الهاتف. تبقى بكسلات المنتج كما هي، وأول مرة يُنزَّل النموذج مرة واحدة (نحو 90 ميغابايت عبر الواي فاي).
- صورة استوديو بالذكاء الاصطناعي (اختياري). يكتب Claude تعليمات تعديل دقيقة لهذا المنتج، ويعيد Gemini صورة بخلفية بيضاء. تظهر الأصلية والنتيجة جنباً إلى جنب، ولا تُستخدم إلا إذا طابق الملصق والغطاء واللون تماماً.
- Claude يكتب المسودة. يقرأ الملصق، ويبحث عن المنتج على الإنترنت، ويملأ الاسم والوصف والمكونات و«مناسب لـ» بالعربية والإنجليزية.
- صاحب المحل يراجع، ويضع السعر والمخزون، وينشر.
وللبضاعة الجديدة شاشة إضافة بالجملة: ترفع صوراً كثيرة دفعة واحدة، فتجمعها الأداة منتجاً منتجاً وتكتب مسودة كل واحد. واتصال صغير بحاسوب المحل يرسل قائمة الأسعار والمخزون، فيعرض الموقع ما هو موجود فعلاً على الرف.
كم يكلّف التشغيل
| البند | التكلفة |
|---|---|
| الاستضافة (Cloudflare Workers المجانية) | 0 |
| قاعدة البيانات وتسجيل الدخول (Supabase المجانية) | 0 بهذا الحجم |
| النطاق | رسوم النطاق السنوية |
| نصوص المنتجات بالذكاء الاصطناعي (Claude) | بضعة سنتات أمريكية لكل منتج |
| صورة الاستوديو (Gemini) | نحو 0.14 دولار (≈ 0.054 ر.ع) للمحاولة، بحد 30 يومياً لكل موظف |
| إزالة الخلفية | 0، تعمل على الهاتف |
| الدفع بالبطاقة (ثواني) | رسوم ثواني لكل عملية، بعد تفعيل البطاقات |
وضعنا رصيداً مسبقاً صغيراً (نحو 5 دولارات) في كل حساب ذكاء اصطناعي، مع حدود إنفاق منخفضة، حتى لا يتحول أي خطأ إلى فاتورة كبيرة.
الظهور على جوجل
لكل صفحة منتج عنوانها ووصفها وبياناتها المنظمة باللغتين، وتُجهَّز على الخادم فيقرؤها جوجل دون تشغيل التطبيق. وينشر الموقع قائمتي منتجات لـGoogle Merchant Center (عربية وإنجليزية) من قاعدة البيانات مباشرة، مع تكلفة التوصيل وحد التوصيل المجاني وقواعد الإرجاع.
ملاحظة صريحة: في أكتوبر 2026 تدعم عُمان إعلانات التسوق المدفوعة، لكنها ليست بعد ضمن القوائم المجانية لجوجل. القوائم جاهزة، فستظهر المنتجات يوم يضيف جوجل عُمان.
كيف تطبّق هذا على متجرك
- ابدأ بالقائمة المملة: المنتجات والأسعار ومناطق التوصيل وقواعد الإرجاع. الموقع يعرض فقط ما تقرره هنا.
- اختر الخطط المجانية أولاً: Supabase للبيانات وتسجيل الدخول، وCloudflare للاستضافة، وResend للبريد. ولا ترقِّ إلا عندما يضغط حدٌّ فعلاً.
- اجعل إضافة المنتج أسهل شيء في الموقع. إن أخذت أكثر من دقيقة فلن تحدث.
- العربية والإنجليزية من اليوم الأول. إضافة لغة ثانية لاحقاً أصعب بكثير من البدء باثنتين.
- اكتب خطوات التشغيل بلغة بسيطة لصاحب المحل: أي مفتاح يوضع أين، وكم تكلّف كل خدمة، وماذا يفعل إن توقف شيء. دليل القوافل نحو 750 سطراً، مكتوب لصاحب المحل لا للمبرمج.
- أبعد الأسرار عن الكود. مفاتيح الدفع والبريد تبقى في إعدادات الاستضافة فقط، لا في محادثة ولا في ملف.
أسئلة شائعة
هل يمكنني رؤية الموقع الحي؟
نعم: qawafal.com ↗. كل ما في اللقطات هو المتجر الحقيقي كما هو الآن.
هل أحتاج خبرة تقنية لإدارة متجر كهذا؟
لا. صاحب المحل يضيف المنتجات ويرد على الطلبات ويتابع الطلبيات من منطقة الموظفين على الهاتف. الإعداد التقني يتم مرة واحدة.
هل يمكنكم بناء متجر لمحلي؟
نعم. احجز مكالمة وأحضر قائمة منتجاتك، ونحدد النطاق معك. احجز مكالمة ↗



