الحقول الفرعية
16 حقلًا تدريبيًا
يبرز هذا المشروع ليس فقط بسبب التصميم، ولكن أيضًا لأن نطاق البيانات كان كبيرًا بالفعل منذ اليوم الأول.
العميل هو PT Indonesia Core Values (ICV)، وهي شركة تأسست عام 1926 وتقدم خدمات التدريب والاستشارات لمساعدة المؤسسات على تحسين قدرة الفريق والفعالية الشاملة. لذلك لم تكن هذه حالة اختراع هوية تجارية جديدة من الصفر. كان الأمر يتعلق بتحديث وجودهم الرقمي بأساس يمكنه دعم الاحتياجات الحالية بشكل أكثر جدية.
كانت هناك أيضًا طبقة شخصية لهذا المشروع: لقد حصلت على هذا العميل من خلال الإحالة. مؤسس ICV هو د. Jeff، المؤسس والرئيس التنفيذي، ويتمتع بخبرة 30 عامًا كمستشار إداري ومدرب ومحاضر وباحث. أوضحت هذه الخلفية شيئًا واحدًا بسرعة كبيرة: لا يمكن أن يبدو هذا الموقع مرتجلًا. كانت مصداقية العمل موجودة بالفعل، لذلك كان على الموقع الإلكتروني أن يشعر بالمصداقية نفسها.
في تلك المرحلة، لم يعد التحدي الحقيقي هو “كيف يمكنك إنشاء موقع ويب جيد المظهر؟” ولكن كيفية إنشاء نظام موقع ويب يكون منطقيًا لحجم محتوى كبير، ويظل خفيف الوزن، ويتجنب النفقات الفنية غير الضرورية.
يمكن رؤية النتيجة المباشرة مباشرة على ICVTraining.com، لذا تشير دراسة الحالة هذه إلى موقع ويب حقيقي للإنتاج، وليس بناء مفهوم داخلي.
الحقول الفرعية
16 حقلًا تدريبيًا
موضوعات
441 موضوعًا تدريبيًا
الدفعات المجدولة
4,430 دفعة
المستندات
4,905 مستندات
PageSpeed للهاتف المحمول
93 قوي
سرعة صفحة سطح المكتب
100 ممتاز
المكدس
Astro 6 + Sanity + Cloudflare Workers
إعداد النظام الأساسي
Cloudflare Workers + Sanity
الجدول الزمني
يتم التسليم خلال 17 يوم عمل
إذا كان عملك يحتوي على كتالوج كبير، أو علاقات بيانات منظمة، أو حجم محتوى كبير منذ البداية، فلنناقش الأمر أولاً من خلال استشارة مجانية حتى لا تصبح المكدس عبئًا بعد بضعة أشهر.
لم تكن القيمة المحلية المضافة بحاجة إلى موقع ويب بسيط يحتوي على بضع صفحات ثابتة. منذ البداية، كان نطاق المحتوى كبيرًا بالفعل:
بمجرد دمج العلاقات بين المواضيع والجداول والبيانات الداعمة، يصبح المجموع 4,905 مستندًا يلزم تصميمها ونشرها من خلال نظام إدارة المحتوى (CMS).
في تلك المرحلة، شعرت أن النهج اليدوي كان غير واقعي بشكل واضح. إن تحميل آلاف العناصر واحدًا تلو الآخر والأمل في أن يظل كل شيء متسقًا من شأنه أن يؤدي إلى تباطؤ تشغيلي من اليوم الأول.
كما أظهرت المواد الخام التي أرسلها العميل هذا التعقيد في وقت مبكر جدًا. لم يكن هذا جدول بيانات أنيقًا. لقد كانت عبارة عن مجموعة من المستندات وهياكل المواضيع المنتشرة عبر حقول فرعية متعددة.

وكانت هناك أيضًا بعض القيود العملية:
ولهذا السبب لم أرغب في بناء شيء يبدو “مكتملًا” على السطح فقط بينما يظل هشًا خلف الكواليس.
ما زلت على دراية كبيرة بـ WordPress، ويظل خيارًا معقولاً بالنسبة للعديد من المشاريع. لكن بالنسبة للقيمة المحلية المضافة، لا أعتقد أنها الأفضل.
هذا ليس لأن WordPress سيء. على العكس من ذلك، لا يزال WordPress ذو أهمية كبيرة للعديد من مواقع الويب التجارية. لكن في هذه الحالة، كان هناك العديد من المشكلات التي جعلت الأمر أقل مثالية:
كان حجم المحتوى كبيرًا جدًا بالنسبة لسير العمل اليدوي النموذجي بمجرد التعامل مع مئات المواضيع، وآلاف الدفعات، وبنية علائقية متنامية، يصبح النموذج الكلاسيكي “إنشاء منشور وملء الحقول واحدًا تلو الآخر” غير فعال.
سوف يرتفع عبء الصيانة مع المكدس إذا اخترت WordPress، فستظل الصيانة الروتينية مطلوبة. على الأقل، يعني هذا عادةً التحديثات الأساسية والمكونات الإضافية والموضوعات والنسخ الاحتياطية وعمليات التحقق من التوافق عدة مرات شهريًا.
لم يكن العميل بحاجة إلى تعقيد النظام البيئي الإضافي ما تحتاجه القيمة المحلية المضافة هو عدم الوصول إلى الآلاف من المكونات الإضافية. لقد كانت بحاجة إلى نظام نظيف لمواضيع التدريب والدفعات والمتحدثين والجداول الزمنية والعلاقات بين الفئات.
أردت أن تعمل عملية استيعاب البيانات بشكل طبيعي مع الذكاء الاصطناعي في هذا المشروع، لم يكن الذكاء الاصطناعي ملحقًا. لقد كان مسرعًا حقيقيًا. وهذا يعني اختيار حزمة تعمل بشكل طبيعي مع نمذجة المخططات بمساعدة الذكاء الاصطناعي، ورسم خرائط البيانات، والتطبيع، والنشر المجمع.
إذا اخترنا WordPress، فإن الصيانة الشهرية بواسطة Harun Studio ستظل خيارًا قابلاً للتطبيق. لكن في هذه الحالة، فضلت المكدس الذي يتطلب صيانة منخفضة من الناحية الهيكلية منذ البداية، بدلاً من المكدس الذي يتطلب المزيد من الصيانة الروتينية بشكل افتراضي.
على جانب WordPress من المناقشة، لا تزال العديد من مقالات Harun Studio ذات صلة هنا:
النقطة المهمة ليست أن WordPress خاطئ تلقائيًا. النقطة المهمة هي أن مشروعًا مثل هذا يصبح أكثر راحة عندما يتم تقليل عبء الصيانة على المستوى الهيكلي منذ البداية.
بالنسبة لهذا المشروع، كنت بحاجة إلى مكدس كان:
ولهذا السبب اخترت Astro 6، وSanity CMS، وCloudflare Workers.
أحد الأجزاء الأكثر إقناعًا في هذه المجموعة هو مدى خفة وزن نموذج التشغيل.
مع الإعداد المستخدم لـ ICV:
وهذا يجعل إعداد النظام الأساسي المستمر بسيطًا ويقلل من تبعيات التجديد والبنية التحتية.
بالنسبة لي، هذه ليست مجرد قصة منصة. إنها أيضًا قصة عملية. لا يحتاج العميل إلى التفكير في تجديد تراخيص السمات أو اشتراكات المكونات الإضافية فقط لإبقاء الموقع متصلاً بالإنترنت.
لقد كتبت بالفعل عدة مرات حول سبب تحول Astro إلى الخيار المفضل في Harun Studio. بالنسبة للقيمة المحلية المضافة، أصبحت الأسباب أقوى:
يناسب Astro مواقع الويب ذات المحتوى الثقيل بشكل جيد للغاية القيمة المحلية المضافة ليست منتج لوحة معلومات حيث تكون كل صفحة تفاعلية للغاية. تتمثل معظم المهمة هنا في تقديم موضوعات التدريب والجداول الزمنية ومعلومات التسجيل بأكبر قدر ممكن من الكفاءة.
يبقى إخراج الواجهة الأمامية ضعيفًا وسريعًا بالنسبة لكتالوج التدريب الكبير، السرعة مهمة. يجب أن تظل صفحات المواضيع وصفحات التدريب والجداول السنوية سريعة الاستجابة حتى مع وجود الكثير من البيانات المنظمة خلفها.
البنية قوية بشكل طبيعي لتحسين محركات البحث تستفيد صفحات المواضيع وصفحات التدريب من مخرجات HTML الواضحة والأداء القوي للصفحة وسهولة الزحف.
يبدو التطوير بمساعدة الذكاء الاصطناعي أكثر طبيعية مع حزمة حديثة مثل Astro، يصبح التطوير أسرع وأرخص وأكثر قابلية للإدارة بالنسبة لمشغل منفرد يعمل بمساعدة الذكاء الاصطناعي القوية.
Astro وSanity يتلاءمان معًا بشكل جيد بالفعل لقد أصبح مسار التكامل ناضجًا بدرجة كافية بحيث يبدو ربط نظام إدارة المحتوى (CMS) والواجهة الأمامية واضحًا وليس هشًا.
لا يوجد أي عبء تشغيل PHP تقليدي لا أحتاج إلى الاستمرار في التفكير في تعارضات المكونات الإضافية أو تحديثات السمات أو الصيانة الروتينية في عصر PHP فقط للحفاظ على صحة الموقع.
يحافظ Astro على هيكل التوجيه قابلاً للتنبؤ به بالنسبة لموقع ويب يحتوي على مئات من صفحات التدريب والعديد من علاقات المحتوى، كنت أرغب في إنشاء بنية واجهة أمامية معيارية تظل سهلة التكرار عليها.
ملف تعريف التكلفة على المدى الطويل منطقي بالنسبة لفريق صغير ليس لديه قسم داخلي لتكنولوجيا المعلومات، لا يقتصر التوفير على تكلفة الاستضافة فقط. لقد حان الوقت أيضًا وخفض النفقات الفنية.
كان التعقل هو أهم قرار لنظام إدارة المحتوى (CMS) في هذا المشروع.
ما كنت أحتاجه لم يكن مجرد نظام لكتابة المقالات. كنت بحاجة إلى نظام تشغيل محتوى يشعرني بالارتياح تجاه البيانات المنظمة واسعة النطاق.
الأسباب الرئيسية التي جعلتني أختار التعقل:
يعتبر نموذج البيانات العلائقية مناسبًا بشكل أفضل تعد الحقول الفرعية والموضوعات والدُفعات والمتحدثون والجداول الزمنية وتدفقات التسجيل أكثر منطقية كمستندات متصلة أكثر من كونها إدخالات منشورات عادية.
يعتبر الاستيراد بالجملة والاستهلاك بمساعدة الذكاء الاصطناعي أكثر واقعية بكثير يحتاج العميل فقط إلى تقديم المستندات المصدر. ومن جهتي، يمكن بناء خط رسم الخرائط والتطبيع والنشر بشكل منهجي بدعم من الذكاء الاصطناعي.
تتم استضافة Sanity Studio مجانًا بواسطة Sanity أدى ذلك إلى إزالة الكثير من التعقيدات غير الضرورية في البنية التحتية للجانب الإداري.
كانت الخطة المجانية بالفعل أكثر من كافية للمرحلة المبكرة بالنسبة لهذا المشروع، كانت الطبقة المجانية قابلة للتطبيق بدرجة كبيرة بالفعل:
من الممكن أن تظل تجربة المحرر نظيفة بالنسبة لسير العمل غير الفني على الرغم من أن نموذج البيانات معقد خلف الكواليس، إلا أن واجهة Sanity Studio يمكن أن تظل قابلة للإدارة لعمليات المحتوى اليومية.
لقد أحببت أيضًا ملف تعريف التكلفة التشغيلية هنا. يمكن أن يظل نظام إدارة المحتوى (CMS) نشطًا دون رسوم متكررة إضافية في المرحلة المبكرة، لذلك لا يحتاج العميل إلى دفع تكاليف ترخيص نظام إدارة المحتوى (CMS) السنوية فقط للحفاظ على تشغيل الموقع.

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

وكانت هذه هي طبقة التسريع الحقيقية للمشروع.
كان أحد أهم المبادئ في هذا المشروع هو عدم وجود أي شيء مشفرًا. أرسل العميل حوالي 441 منهجًا دراسيًا من 16 حقلًا فرعيًا، وقمت ببناء الهيكل كنظام متصل. وهذا يعني أنه يمكن إدارة موضوعات التدريب والدفعات والمتحدثين والجداول السنوية وصفحات التدريب ديناميكيًا بدلاً من إنشائها واحدة تلو الأخرى في التعليمات البرمجية.
لم يكن سير العمل يعتمد على نسخ المستندات يدويًا إلى نظام إدارة المحتوى (CMS). لقد استخدمت Cursor AI وCodex في أدوار متناوبة، ومتكاملة مع Google Drive MCP حيث تم تخزين المستندات المصدر. سمح ذلك للذكاء الاصطناعي بقراءة الملفات المصدر مباشرة، وإنشاء JSON منظم، ثم رفع هذه السجلات إلى Sanity وفقًا للمخطط الذي صممته بالفعل.
بدا التدفق تقريبًا مثل هذا:
من الناحية الهيكلية، غطى النموذج أشياء مثل الحقول الفرعية وموضوعات التدريب ودفعات التدريب والمتحدثين والمحتوى المتعلق بالتسجيل. لذا فإن الذكاء الاصطناعي لم يكن يساعد فقط في “ملء نظام إدارة المحتوى”. لقد كان يساعد في رسم العلاقات بين المستندات حتى يمكن تشغيل النظام الناتج بشكل نظيف.
وكان الجزء الذي يستغرق وقتًا طويلاً هو التطبيع والتحقق، على سبيل المثال:
الأخطاء الأكثر واقعية في هذا النوع من سير العمل ليست لحظات “فشل الذكاء الاصطناعي تمامًا” الدرامية. إنها مشكلات تشغيلية مثل الارتباطات الثابتة المكررة، أو عدم ربط المراجع بين المستندات بشكل صحيح، أو وصول البيانات الدفعية بتنسيقات غير متسقة. ولهذا السبب تعاملت مع الذكاء الاصطناعي باعتباره مُسرِّعًا، وليس كطيار آلي.
لا يزال هذا يستغرق وقتًا حقيقيًا. لم يكن السحر الفوري. كان هناك 441 موضوعًا تدريبيًا لا يزال يتعين نشرها والتحقق من اتساقها. لكن الفارق كان كبيرا. إذا تم تحميل كل شيء يدويًا، فمن الممكن أن تستغرق عملية النشر وحدها أكثر من أسبوع إلى أسبوعين. ومن خلال سير العمل المدعوم بالذكاء الاصطناعي، يمكن ضغط هذا الجزء إلى أقل من أسبوع واحد.
على الجانب الأمامي، قمت ببناء الهيكل لدعم الاحتياجات الأساسية للقيمة المحلية المضافة.
تعمل صفحات المواضيع كنقطة دخول رئيسية إلى كتالوج التدريب الكامل.

يحتوي كل موضوع تدريبي على صفحة مقصودة مخصصة تم تصميمها لتحسين محركات البحث والتحويل.

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

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


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

نتائج سطح المكتب:

نتائج الجوال:
بالنسبة لموقع ويب يحتوي على كتالوج تدريبي كبير، وبيانات علائقية، والعديد من الصفحات الديناميكية، فإن هذه النتائج جيدة جدًا بالفعل. لم يكن هدفي أبدًا مطاردة أرقام Lighthouse الفارغة. كان الهدف هو إبقاء الموقع سريعًا وخفيفًا ويمكن الاعتماد عليه لكل من المستخدمين والعمليات الجارية.
في 27 مارس 2026، التقيتُ بالدكتور جيف في برج SCBD Bursa Efek Indonesia بمدينة جاكرتا الجنوبية لمناقشة المواد المتخصصة بإنشاء موقع ICVTRAINING.COM، وتم إطلاق الموقع رسميًا في 20 أبريل 2026.
رأيي في أداء HARUN STUDIO:
استجابة ممتازة ومتوافق مع الأجهزة المحمولة تنقل بديهي وواضح سرعة تحميل عالية مرئيات جذابة ومتسقة محتوى منظم أمان وثقة محفوظان.
د. جيف المؤسس والرئيس التنفيذي لـ ICV Training
هناك بعض الأشياء التي تستحق الإشارة إليها في هذا المشروع على وجه التحديد لأنها ليست واضحة من واجهة المستخدم النهائية وحدها.
لا تكون بيانات المصدر جاهزة للنشر أبدًا كما هي يذهب جزء كبير من الوقت إلى تطبيع البنية والتحقق من صحة العلاقات، وليس فقط بناء الواجهة الأمامية.
يعمل الذكاء الاصطناعي على تسريع الاستيعاب، لكن مراقبة الجودة البشرية لا تزال مهمة كان الذكاء الاصطناعي مفيدًا جدًا في تحليل السجلات المنظمة ورسم خرائطها وصياغتها. لكن التحقق من الاتساق لا يزال يتطلب مراجعة متعمدة.
تشكل القرارات المبكرة عبئًا تشغيليًا طويل المدى بالنسبة لمشروع كثيف البيانات مثل هذا، غالبًا ما يكون اختيار حزمة منخفضة الصيانة من البداية أكثر قيمة من اختيار أسرع إعداد مألوف ودفع ثمن هذا القرار لاحقًا.
إذا كان عملك يحتوي على كتالوج منتجات، أو كتالوج تدريب، أو بيانات علائقية، أو نطاق محتوى كبير جدًا، فيمكننا البدء بتدقيق الاحتياجات أولاً وتحديد ما إذا كانت الإجابة الصحيحة هي موقع ويب قياسي، أو بنية CMS بدون رأس، أو نظام أكثر هجينًا.
يمكنك أيضًا مشاهدة النتيجة المباشرة مباشرة على ICVTraining.com.
يمكنك البدء بـ استشارة مجانية، أو استكشاف خدمة تطوير مواقع الويب وخدمة تطوير تطبيقات الويب وفقًا لنطاقك.
مؤسس Harun Studio ومطور مواقع ومدوّن ومراجع لاستضافات المواقع. يساعد أصحاب الأعمال على بناء مواقع أكثر صحة من خلال التصميم والتطوير والصيانة طويلة الأمد.
اكتشف رؤى أخرى ترتبط ارتباطًا مباشرًا بهذا الموضوع.
دراسات الحالة من الخطأ 404 على firesystem.co.id إلى إعادة البناء الكاملة باسم hydrantsystem.co.id: دراسة حالة حول إنشاء موقع ويب خفيف الوزن وسريع وسهل الإدارة باستخدام مكدس WordPress حديث.
اقرأ المقال
دراسات الحالة تجربتي في إنشاء ImageTools.pro، وهو تطبيق لمعالجة الصور عبر الإنترنت مدعوم بواسطة Next.js وSharp.js وShadcn UI، وكيف غيّر الذكاء الاصطناعي الطريقة التي أقوم بها بإنشاء تطبيقات الويب.
اقرأ المقال
أدلة عملية يمكن أن يساعدك Chat AI في الحصول على صفحة تبدو جاهزة بسرعة، ولكن موقع الويب الخاص بالأعمال التجارية يحتاج إلى أكثر من ذلك. دليل عملي عندما يكون DIY + AI كافيًا وعندما تكون المساعدة المهنية منطقية.
اقرأ المقال