الإجابة المختصرة: اختر مجموعة تقنيات الموقع بحسب العمل الذي يجب أن يؤديه الموقع والأشخاص الذين سيديرونه، لا بحسب إطار العمل الرائج. افصل في كل عرض بين لغات البرمجة وأطر العمل وبيئات التشغيل وأنظمة المحتوى، واقتصر في قائمتك المختصرة على ما يستطيع فريقك دعمه بعد الإطلاق، واطلب أن ترى مهام تحرير حقيقية قبل اعتماد البنية التقنية.
هذا الدليل للشركات في دبي التي تخطط لموقع جديد أو لإعادة بناء موقعها، ولمن يتولى المقارنة بين العروض التقنية. وقد روجعت الوثائق الرسمية الواردة في الروابط أدناه في ٢٧ أكتوبر ٢٠٢٦. ولا يدّعي الدليل عمداً أي «أحدث إصدار»، فالإصدارات الفعلية تُسجَّل عند بدء التنفيذ.
ينبغي أن تجعل مجموعة تقنيات الموقع المناسبة القرار التجاري التالي أسهل: نشر خدمة جديدة، أو إضافة العربية، أو ربط نظام حجز، أو تغيير شريك التطوير. وإطار العمل الرائج لا يفيد إلا إذا كان الفريق قادراً على تشغيل ما يبنيه.
ما الفرق بين لغة البرمجة وإطار العمل وبيئة التشغيل؟
يفصل الجدول بين عناصر تُدرجها العروض غالباً جنباً إلى جنب.
| الاسم | ما هو |
|---|---|
| JavaScript | لغة برمجة تُستخدم في الويب |
| TypeScript | تضيف نظام أنواع إلى JavaScript |
| React وVue | أدوات لبناء الواجهات |
| Next.js وNuxt وSvelteKit | هياكل أوسع لبناء التطبيقات |
| Node.js | يشغّل JavaScript خارج المتصفح |
| Python | لغة برمجة أخرى |
| Django | إطار عمل للويب مبني حول Python |
تقع هذه المكوّنات في طبقات مختلفة، ولذلك يشرح العرض الجاد كيف تتكامل هذه الطبقات. وتصف وثائق كل منها دوره: TypeScript وNext.js وNode.js.
هذا التمييز يمنع خطأً شائعاً في الشراء: الاختيار من قائمة مثل «React أو Python أو WordPress» وكأن كلاً منها بديل كامل للآخر. يمكن لموقع واحد أن يجمع بين إطار عمل للواجهة ونظام محتوى منفصل وخدمات مكتوبة بلغة أخرى.
من سيحرّر الموقع، وكيف نتحقق من ذلك؟
دوّن من يغيّر المحتوى، وكم مرة، وبأي موافقة. فريق التسويق الذي ينشر صفحات الخدمات كل أسبوع يحتاج إلى محرّر متوقَّع السلوك، ومعاينة، وصلاحيات معقولة، وطريقة للتراجع عن الأخطاء. أما لوحة المنتج التي يملكها المطوّر فلها احتياجات أخرى.
اطلب أن ترى سير التحرير قبل اعتماد البنية التقنية. هل يستطيع زميل إنشاء صفحة عربية وتغيير قائمة واستبدال صورة حملة دون لمس الشيفرة؟ وأي التغييرات ما زالت تحتاج إلى تطوير؟ ينبغي أن تصف كلمة «قابل للتحرير» إجراءات جرى عرضها فعلاً، لا وعداً على شريحة.
ما المسارات التي يجب أن يدعمها الموقع؟
اذكر المسارات المهمة: إرسال طلب، أو حجز، أو دخول الحساب، أو الدفع، أو رفع المستندات، أو إعداد التقارير. وحدّد النظام المسؤول عن كل خطوة. بهذا يظهر الحد الفاصل بين موقع تسويقي وتطبيق أعمال.
قد لا يحتاج موقع تعريفي صغير إلى نموذج التشغيل نفسه الذي تحتاجه بوابة بأدوار مستخدمين مختلفة. وفي المقابل، لا تصبح البوابة موثوقة لمجرد اختيار إطار عمل متكامل (full-stack). فالصلاحيات ومعالجة الأخطاء والتحقق من البيانات والاسترداد تتطلب كلها تنفيذاً مدروساً.
كيف نبني قائمة مختصرة نستطيع دعمها؟
يُعدّ React مع Next.js خياراً معقولاً حين يمتلك فريق التنفيذ خبرة ذات صلة ويستفيد المشروع من ميزات التطبيقات فيه. ويمكن لفرق Vue أن تقيّم Nuxt، ولفرق Svelte أن تقيّم SvelteKit. وتصف الوثائق الرسمية لكل من React وVue وNuxt وSvelteKit قدرات تطوير التطبيقات، لكن أياً منها لا يغني عن قرار معماري يخص موجزك أنت.
وللمشاريع ذات الإدارة الواسعة وقواعد العمل الكثيرة، يُعدّ خادم خلفي بلغة Python مع Django خياراً موثوقاً آخر. يتضمن Django مرافق تطبيقات شائعة مثل المصادقة والإدارة. وينبغي اختبار مدى ملاءمة هذه المرافق لسير عملك بمتطلباتك الفعلية.
السؤال العملي هو من يستطيع صيانة المجموعة المختارة، بما فيها الترقيات والتكاملات، بعد أن يتغير فريق الإطلاق.
ماذا تعني «قابلية التوسع» في موقعنا؟
«قابلية التوسع» ليست متطلباً مكتملاً. صِف التغيير الذي تتوقعه: مقالات أكثر، أو لغة أخرى، أو مستخدمين متزامنين أكثر، أو كتالوجاً أكبر، أو تطبيق عملاء ثانياً. وكل واحد منها يتطلب عمل تصميم مختلفاً.
استخدم سيناريو صغيراً ممثِّلاً لتقييم البنية. أضف خدمة مترجمة واحدة، وعدّل عنصراً مشتركاً في التنقل، وأرسل نموذجاً بينما تكون خدمة لاحقة غير متاحة. راجع تجربة التحرير وحالات الفشل. وكثيراً ما يكشف هذا أكثر من قائمة طويلة بالتقنيات.
أبقِ مسؤوليات المحتوى والتكامل موثّقة. قد يعيد تطبيق جوال مستقبلي استخدام المحتوى وخدمات الأعمال، لكن إعادة الاستخدام عمل مخطَّط له؛ فالموقع لا يتحول تلقائياً إلى تطبيق.
كم يكلف تشغيل الموقع، لا بناؤه فقط؟
اسأل عن فئات الإنفاق الجاري المتوقعة: الاستضافة، وأدوات المحتوى، والخدمات المعاملاتية، والاعتماديات المدفوعة، والمراقبة، والصيانة. وينبغي أن يحدد العرض من يتحكم في كل حساب، وماذا يحدث عند نمو الاستخدام، وكيف يمكنك تصدير المحتوى.
وهنا أيضاً تصبح الملكية أمراً عملياً. فالوصول إلى المستودع دون تعليمات النشر تسليم ناقص. وقد يصعب استخدام ملف مُصدَّر لا يصاحبه وصف لنموذج المحتوى. اجعل مسؤوليات التسليم والاسترداد والصيانة صريحة.
ماذا نحضر إلى محادثة عن موقع جديد؟
تخطط لموقع جديد أو لإعادة بناء؟ تحدّث مع 4AI عن تصميم المواقع وتطويرها. أحضر مهام التحرير واللغات والتكاملات التي تحتاجها؛ فهي نقطة الانطلاق لاختيار مجموعة تقنيات تناسبك.
الأسئلة الشائعة
هل نختار دائماً أحدث إصدار؟
اختر إصداراً مدعوماً ومتوافقاً مع الاعتماديات التي تحتاجها. وسجّل الإصدارات الفعلية وخطة الترقية عند بدء التنفيذ. ويتجنب هذا الدليل عمداً ادعاء «أحدث إصدار» الدائم الصلاحية.
هل يغني TypeScript عن الاختبار؟
لا. فالتحقق من الأنواع والاختبارات يجيبان عن أسئلة مختلفة. والتطبيق ذو الأنواع يحتاج مع ذلك إلى التحقق من مسارات المستخدم المهمة وتكاملاته.
ماذا ينبغي أن توصي به الوكالة؟
قراراً معمارياً موجزاً مرتبطاً باحتياجات عملك، مع البدائل والمفاضلات ومسؤوليات التشغيل الواضحة.