الجدول الزمني
نوفمبر 2025 -> يناير 2026
بدأ هذا المشروع في نوفمبر 2025 واكتمل في يناير 2026. من حيث الجدول الزمني، فإن شهرين لمثل هذا الترحيل سريع نسبيًا، خاصة لأنني كنت أعمل عليه بينما كنت لا أزال أتعامل مع مشاريع العملاء في Harun Studio.
الجزء المثير للاهتمام هو أن الترحيل لم يحدث بسبب فشل WordPress.
قبل هذه الخطوة، شعرت PenasihatHosting.com بالفعل بأنها مقنعة على WordPress. من تحسين محركات البحث، وإدارة المحتوى، والاستقرار، إلى التخصيص خفيف الوزن باستخدام مجموعة مثل GeneratePress وGenerateBlocks، كان لا يزال إعدادًا عمليًا للغاية. لقد كنت أستخدم WordPress كل يوم تقريبًا لمدة 10 سنوات تقريبًا، لذلك لم تكن هناك مشكلة أساسية جعلتني أشعر أنني مضطر إلى “الهروب” من WordPress.
جاءت نقطة التحول من اتجاه المنتج.
لم تعد Penasihat Hosting ترغب في التوقف عن كونها مدونة مراجعة منتظمة. لقد تغير الاتجاه إلى نظام بيئي أوسع للاستضافة: المراجعات، وأدلة الاستضافة، ومحتوى wiki، ومنشورات المدونة، والأدلة، وصفحات الأدوات مثل حاسبة وقت التشغيل، وأداة بحث DNS، ومدقق SSL، والمزيد. في تلك المرحلة، شعرت أن الاحتياجات طويلة المدى للسنوات الخمس إلى العشر القادمة سيكون من الأسهل التعامل معها باستخدام حزمة أكثر مرونة.
الجدول الزمني
نوفمبر 2025 -> يناير 2026
السائق الرئيسي
محور المنتج، وليس “هروبًا” من WordPress
مكدس جديد
Next.js 16 + PostgreSQL + CMS مخصص
العرض
Static-first، كثيف ذاكرة التخزين المؤقت، إعادة التحقق من صحة العلامات
PageSpeed
95 موبايل / 100 سطح مكتب
CWV
Core Web Vitals: تم اجتيازه
إذا كان موقع الويب الخاص بك على WordPress ينمو إلى ما هو أبعد من موقع المحتوى القياسي وبدأ يبدو وكأنه منصة منتج، ابدأ باستشارة مجانية لذا فإن المجموعة التي تختارها تناسب حقًا السنوات الخمس إلى العشر القادمة.
أريد أن أوضح هذا أولاً، لأن قصص الهجرة غالبًا ما يتم تبسيطها بشكل مبالغ فيه، كما لو أن الابتعاد عن WordPress يعني تلقائيًا أن WordPress كان سيئًا. هذا ليس صحيحا.
كانت حزمة WordPress السابقة في Penasihat Hosting سليمة بالفعل إلى حد ما:
لذا فإن المشكلة لم تكن أن “WordPress بطيء”، أو “WordPress سيء”، أو “WordPress غير موثوق به”.
كانت المشكلة الحقيقية هي: المنتج الذي تم إنشاؤه كان يبتعد أكثر عن شكل موقع الويب النموذجي.
بمجرد أن يصبح الهدف منصة استضافة تحتوي على أدلة الموفرين، والفئات، ومراكز البيانات، والعروض الترويجية، والخطط، ومحتوى الويكي، ومحتوى المدونة، وصفحات الأدوات التفاعلية، يبدأ منطق الأعمال في أن يصبح أكثر تعقيدًا. في تلك المرحلة، شعرت أن إجبار كل شيء على الاستمرار في النمو داخل WordPress من شأنه أيضًا أن يزيد من النفقات العامة على المدى الطويل: المزيد من العمل اليدوي، والمزيد من التنازلات المعمارية، والمزيد من المجالات التي قد تبدو وكأنها “تعمل، لكنها لا تبدو طبيعية”.
بعد النظر في عدة خيارات، اخترت Next.js 16.
ليس لأنني مطور Next.js المتشددين. في الواقع، العكس هو الأقرب إلى الحقيقة: ما زلت أتعلم ولم أقضي كل تلك السنوات في العيش بدوام كامل في نظام React/Next البيئي. ولكن بالنسبة لاحتياجات Penasihat Hosting، بدا Next.js وكأنه أفضل حل وسط بين المرونة والإنتاجية ومستقبل المنتج على المدى الطويل.
الأسباب الرئيسية:
** مجموعة واحدة للواجهة الأمامية والخلفية ** يمكنني إنشاء الواجهة العامة والمسارات الديناميكية وإجراءات الخادم ونظام إدارة المحتوى الإداري والمزيد من المنطق المخصص داخل نظام بيئي واحد.
ملاءمة أكثر طبيعية للمزيج بين المحتوى ومنطق التطبيق Penasihat Hosting ليست مجرد مدونة. تحتوي على مناطق كثيفة المحتوى، ولكنها تحتوي أيضًا على أجزاء تتصرف كطبقة تطبيق: الدلائل، والتصفية، والمقارنات، وأدوات المساعدة المتنوعة.
أساس أفضل لصفحات الأدوات المستقبلية
بالنسبة لميزات مثل حاسبة وقت التشغيل، وبحث DNS، ومدقق SSL، ومولد .htaccess، ومولد robots.txt، وأدوات أخرى، يبدو Next.js أنظف وأكثر مرونة من فرض كل شيء في مكون WordPress الإضافي ونمط إنشاء الصفحات.
ملاءمة أفضل بكثير لسير العمل بمساعدة الذكاء الاصطناعي مع وجود مكدس حديث مثل Next.js وTypeScript والمكونات المعيارية، يبدو التطوير باستخدام الذكاء الاصطناعي أكثر إنتاجية. يسقط الكثير من العمل اليدوي مقارنةً بسير العمل الأقدم المتمثل في التعامل مع PHP والمقتطفات والخطافات وCSS وسلوك المكونات الإضافية.
لذا، إذا كان السؤال هو: “هل Next.js في الواقع مناسب بشكل أفضل من WordPress لحالة كهذه؟”
إجابتي هي: نعم، بالنسبة لمشروع مثل Penasihat Hosting، فهو كذلك.
إذا كنت تقوم فقط بإنشاء ملف تعريفي لشركة، أو مدونة عادية، أو موقع ويب ذو محتوى مباشر، فإن WordPress لا يزال خيارًا عقلانيًا للغاية. ولكن بالنسبة لمنصة تتجه نحو النظام البيئي للمنتج مع العديد من علاقات البيانات المخصصة والأدوات التفاعلية، يبدو Next.js أكثر طبيعية.
أنا لست أحد مطوري Next.js الذين قضوا سنوات في العيش داخل هذه المكدس بالكامل. لكنني لم أبدأ من الصفر أيضًا.
قبل هذا المشروع، قمت بالفعل ببناء العديد من الأشياء باستخدام Next.js، بما في ذلك:
وهذا يعني أنني لم أكن خبيرًا بعد، ولكن كان لدي ما يكفي من الأساس لأعرف أن هذا المشروع كان واقعيًا للبناء بينما لا أزال أتعلم بشكل أعمق.

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

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

لتحرير المحتوى، استخدمت محرر MDX قائمًا على CodeMirror مع شريط أدوات لإدراج العناصر المستخدمة بكثرة. قد لا يكون سهلًا للمبتدئين مثل Gutenberg، لكنه يناسب سير عملي بدرجة أكبر بكثير.

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

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

يمثل هذا تغييرًا كبيرًا في بنية المعلومات، ومن الطبيعي أن تترتب عليه نتائج.
نُقلت الصفحة التي كانت تؤدي سابقًا دور المركز لكلمة “أفضل استضافة” إلى /hosting-terbaik. في الوقت الحالي، ما تزال هذه الصفحة تقريبًا في الترتيب 11، وأعتبر ذلك مرحلة انتقالية طبيعية. ينصب تركيزي الحالي على تقوية الربط الداخلي ومساعدة Google على فهم أن نية البحث لم تعد مرتبطة بالصفحة الرئيسية، بل بصفحة /hosting-terbaik.
ومن المهم بالنسبة لي شرح ذلك بصدق: إذا حدث أي انخفاض في الزيارات، فلن يكون سببه الترحيل التقني وحده، بل سيكون أيضًا نتيجة تغيير في استراتيجية المنتج وبنية الكلمات المفتاحية.
في مثل هذا الترحيل، عادة ما يكون الجزء الأكثر حساسية ليس التصميم أو اختيار المكدس، ولكن ** استمرارية تحسين محركات البحث **.
وبسبب ذلك، احتفظت بعدة مبادئ:
بالنسبة لعمليات إعادة التوجيه، اخترت وضعها مباشرة في Nginx، وليس في قواعد Cloudflare أو في تكوين إعادة التوجيه Next.js. بالنسبة لي، هذا أسرع وأكثر مرونة وأسهل في الإدارة مباشرة على الخادم الافتراضي الخاص.

من وجهة نظر التنفيذ، قمت بترحيل المحتوى القديم بمزيج من مساعدة الذكاء الاصطناعي، والإدخال اليدوي من خلال نظام إدارة المحتوى، وصقل قاعدة البيانات تدريجياً. لم تكن هذه عملية ترحيل “بنقرة واحدة وفعلت”. كانت أشبه بعملية تنظيم مع التأكد من بقاء النتيجة النهائية نظيفة.
على الرغم من أن Next.js سريع بالفعل بشكل افتراضي، إلا أنني لم أرغب في الاعتماد فقط على الإعدادات الافتراضية لإطار العمل.
بعض التحسينات التي طبقتها:
تم بناء الصفحات الرئيسية بنهج موجه بقوة نحو ذاكرة التخزين المؤقت. يتم تخزين العديد من أجزاء البيانات الثابتة مع ملفات تعريف ذاكرة التخزين المؤقت طويلة الأمد وإبطالها من خلال العلامات عندما تأتي التغييرات من منطقة المسؤول. يحافظ هذا على خفة صفحات التسويق مع السماح بالتحديثات التي يتم التحكم فيها للبيانات التي تتغير.
لقد قمت بتمكين مكونات ذاكرة التخزين المؤقت حتى تتمكن الصفحات من الاستفادة من تقديم أكثر كفاءة. بالنسبة للكتل الثابتة إلى حد كبير، يساعد هذا في الحفاظ على سرعة الاستجابات دون جعل كل طلب يتصرف كصفحة ديناميكية بالكامل.
تقتصر الصور البعيدة على النطاقات التي أتحكم فيها، مع الاستمرار في استخدام تحسين صورة Next.js بتنسيقات حديثة مثل **AVIF ** و WebP. نظرًا لأن التطبيق يعمل على الخادم الافتراضي الخاص (VPS) الخاص بي، يمكنني الحفاظ على تحسين الصورة بالكامل نشطًا دون القلق كثيرًا بشأن تكاليف تحويل الطرف الثالث.
بدلاً من تكديس عمليات إعادة التوجيه داخل طبقة التطبيق، تعاملت معها من خلال Nginx. بالنسبة للهجرة مع عدد لا بأس به من عمليات إعادة التوجيه، بدا هذا أسرع وأنظف.
قمت أيضًا بتطبيق رؤوس الأمان على مستوى التطبيق لأشياء مثل الحماية من النقر، ومنع استنشاق MIME، وسياسة الإحالة، و HSTS، وسياسة الأذونات، و CSP أكثر صرامة.
أستخدم ** Upstash** لتحديد السعر في المناطق الأكثر تعرضًا للإساءة: نموذج الاتصال، والنشرة الإخبارية، وتسجيل دخول المسؤول، والبحث، ونقاط نهاية واجهة برمجة التطبيقات، وأدوات معينة.

أستخدم أومامي للتحليلات، بينما يستخدم نموذج الاتصال والرسالة الإخبارية إعادة الإرسال. يحافظ هذا الخيار على التطور بشكل أسرع وأنظف ويتجنب جعل النظام يشعر بالانتفاخ.
بالنسبة لي شخصيًا، فإن أفضل نتيجة لهذا الترحيل ليست فقط درجة PageSpeed عالية، ولكن حقيقة أن ** الموقع الإلكتروني يشعر الآن بالسرعة ويمر عبر Core Web Vitals** مع وجود أساس أكثر استعدادًا للنمو.
نتائج PageSpeed Insights التي سجلتها:
والأهم من ذلك،

نظرًا لأن الخادم موجود في سنغافورة والزوار الرئيسيون موجودون في إندونيسيا، فإن تجربة العالم الحقيقي تبدو سريعة جدًا أيضًا. لذلك أنا لست مهووسًا برؤية 100 مثالية دائمًا عبر كل مجموعة من الأجهزة. طالما أن المؤشرات الحيوية الأساسية للويب تمر، فإن الصفحات تبدو سريعة، وتجربة المستخدم متسقة، وهذا يهم أكثر من ذلك بكثير.
يبدو سير عملي التنموي الآن أنظف بكثير:
من ناحية الصيانة، فإن العمل الروتيني حقًا هو في الأساس:
يختلف هذا عن نمط صيانة WordPress، والذي يأتي دائمًا تقريبًا مع قائمة مرجعية بالتحديثات الأساسية والموضوع والمكونات الإضافية وتحديثات التوافق.
ومن منظور التكلفة، فهو أيضًا فعال نسبيًا. ولم تكن هناك زيادة كبيرة في تكلفة البنية التحتية بسبب هذه الهجرة. تتعلق الإضافات الرئيسية بأدوات العمل مثل محرري الذكاء الاصطناعي الشهريين أو مساعدي البرمجة، بينما لا أزال أتحكم في البنية التحتية الأساسية بنفسي.
بعد الهجرة كان أكبر الأثر الذي شعرت به هو:
بالنسبة إلى تحسين محركات البحث (SEO)، لم أر ضررًا كبيرًا سببه الانتقال الفني نفسه. ساعد تعيين عنوان URL وعمليات إعادة التوجيه 301 في الحفاظ على عملية النقل معقولة.
إذا كان هناك أي انخفاض في عدد الزيارات، فإن السبب الرئيسي هو في الواقع المحور في استراتيجية المحتوى وبنية الكلمات الرئيسية. الصفحة الرئيسية، التي كانت قوية بالنسبة للكلمة الرئيسية “أفضل استضافة”، تعمل الآن كبوابة للنظام البيئي، بينما تم نقل هدف الكلمة الرئيسية إلى /hosting-terbaik.
لذا فإنني أرى أن هذا الانخفاض كان نتيجة لإعادة التموضع، وليس كعلامة على فشل عملية الترحيل.
لا تقم بالترحيل لمجرد أن المجموعة القديمة تبدو أقل “روعة”. يجب أن تتم الهجرة لأن متطلبات المنتج قد تغيرت بالفعل.
لا يزال WordPress قويًا جدًا في العديد من حالات الاستخدام. ولكن بالنسبة إلى النظام الأساسي المختلط الذي يجمع بين المحتوى والأدلة والأدوات ومنطق الإدارة المخصص إلى حد ما، يمكن أن يصبح Next.js خيارًا أكثر طبيعية.
ليس من الضروري أن يكون نظام إدارة المحتوى المخصص مبتكرًا. في بعض الأحيان، ما تحتاجه ليس نظام إدارة محتوى عالمي، بل نظام إدارة المحتوى المناسب لسير العمل الخاص بك.
الذكاء الاصطناعي يغير اقتصاديات التنمية. أصبحت مشاريع مثل هذه أكثر واقعية في التنفيذ الآن لأن الذكاء الاصطناعي يمكنه إزالة الكثير من العمل اليدوي الذي كان يستنزف الوقت والطاقة.
لا يقتصر ترحيل تحسين محركات البحث (SEO) على نسخ المحتوى فحسب. ما يهم أكثر هو الحفاظ على النية، وتعيين عنوان URL، والربط الداخلي، وعمليات إعادة التوجيه، وبنية المعلومات بطريقة لا يزال بإمكان محركات البحث فهمها.
مُطْلَقاً.
في الواقع، بعد الانتهاء منه، أشعر بمزيد من اليقين بأن هذا كان القرار الصحيح بشأن المكان الذي ستتجه إليه Penasihat Hosting بعد ذلك. أشعر بمزيد من الإنتاجية، وأصبح من الأسهل إدخال الذكاء الاصطناعي في سير العمل اليومي، ولدي حرية أكبر في إنشاء ميزات مخصصة، وأشعر بالهدوء لأن الأساس أصبح الآن متوافقًا بشكل أفضل مع تعقيد المنتج الذي أقوم بإنشائه.
إذا ظلت Penasihat Hosting مجرد مدونة مراجعة عادية، فربما لم أكن لأقوم بهذه الترحيل.
ولكن بالنسبة لمنصة تريد أن تنمو لتصبح نظامًا بيئيًا متكاملاً للاستضافة، أعتقد أن هذا القرار كان هو القرار الصحيح تمامًا.
إذا كان موقع الويب الخاص بك ينمو إلى ما هو أبعد من موقع المحتوى القياسي وبدأ يبدو وكأنه منصة منتج، فيمكننا أولاً التدقيق فيما إذا كان ترحيل المكدس ضروريًا حقًا، أو ما إذا كان النظام الحالي يحتاج ببساطة إلى بنية أكثر نظافة.
ابدأ بـ استشارة مجانية أو راجع خدمة تطوير مواقع الويب إذا كنت بحاجة إلى إعادة البناء على أساس يسهل توسيع نطاقه.
مؤسس Harun Studio ومطور مواقع ومدوّن ومراجع لاستضافات المواقع. يساعد أصحاب الأعمال على بناء مواقع أكثر صحة من خلال التصميم والتطوير والصيانة طويلة الأمد.
اكتشف رؤى أخرى ترتبط ارتباطًا مباشرًا بهذا الموضوع.
كيف جعلنا تحميل موقع الويب أسرع بمقدار 8 مرات، وقمنا بتبسيط نموذج الاستضافة، وتحسين سير العمل من خلال الانتقال من WordPress إلى Astro.js.
اقرأ المقال
لقد قمت بتحويل موقع HTML صممه فريق MSI Freight إلى موقع WordPress مخصص بنفس التصميم، و13 صفحة، و32 مقالة مُرحَّلة، و346 قاعدة إعادة توجيه.
اقرأ المقال
دراسات الحالة دراسة حالة NeatInvoice: تحديد موضع مساحة العمل مقابل مولد PDF، وبنية Editor + Overview، وتتبع الارتباط المباشر، والتصميم الاحترافي الهادئ، ومكدس Next.js + Supabase + Vercel.
اقرأ المقال