ترحيل CMS القديم إلى Next.js + Supabase
نظامك القديم يستنزف الإيرادات بينما تنتظر ردود المطورين
Why leave ExpressionEngine / MODX / Custom PHP CMS?
- Stagnant add-on ecosystems leave critical extensions unpatched for years, creating security vulnerabilities your compliance team flags in every audit
- Shrinking talent pools turn routine updates into three-week contractor searches, while your marketing team's campaign launch slips another fortnight
- Accumulated technical debt transforms simple feature requests into £8K custom development projects with two-month lead times
- Mobile Lighthouse scores stuck at 45-65 trigger Core Web Vitals failures that push your category pages below faster competitors in Search Console
- Server hosting burns £200-800/month for managed PHP environments that still deliver 1.2-2.5 second response times under moderate traffic
- Monolithic architecture couples your content model to presentation logic, forcing full regression testing every time your designer tweaks a layout component
What you gain
- Mobile Lighthouse scores hit 95-100 with green Core Web Vitals across every template, moving your pages up in organic rankings within the first billing cycle
- Global TTFB drops to sub-300ms via edge deployment on Vercel's network, replacing the 1.8-second lag your analytics team sees in session recordings
- Hosting costs fall to £50-200/month on managed infrastructure that auto-scales to traffic spikes your legacy VPS would crash under
- TypeScript + React codebase opens your talent pool to thousands of senior developers, ending your dependency on the two contractors who still remember MODX syntax
- Supabase consolidates PostgreSQL, auth, realtime, and storage into one managed platform — eliminating your separate MySQL + Redis + S3 + Auth0 bill
- Decoupled content API lets your team publish changes via Supabase Studio while your dev team ships frontend updates independently, cutting deployment friction by 70%
ExpressionEngine أدى دوره. MODX كان مبتكراً حقاً في عصره. نظام CMS PHP المخصص الذي بنته وكالتك عام 2011؟ كان يعمل. لكن "كان يعمل" بصيغة الماضي، والماضي مهم.
تشترك هذه الأنظمة في مسار مشترك: أنظمة المكونات الإضافية التي تتضاءل، والتصحيحات الأمنية التي تصل متأخرة بأشهر (أو لا تصل أبداً)، والمطورون الذين رحلوا، وتقييمات الأداء التي تجعل Core Web Vitals لـ Google تبدو وكأنها فيلم恐怖. أنت تدفع تكاليف استضافة متطورة للخوادم التي تكافح لتتجاوز تحميل الصفحات في ثانيتين، بينما موقع ثابت على خطة 20 دولاراً/الشهر يركضك حول الملعب.
لقد قمنا بترحيل مواقع ExpressionEngine التي تحتوي على أكثر من 15000 إدخال، وتثبيتات MODX التي تعمل بأكثر من 40 مقطع مخصص، وأنظمة PHP CMS مخصصة مع مخططات قاعدة بيانات غير موثقة. كل واحد منهم يعمل الآن على Next.js مع Supabase، ويحصل على درجات خضراء عبر جميع Core Web Vitals، وتكلف أقل لاستضافتها مما كان الكومة القديمة تفعله.
لماذا فشل ترحيل ExpressionEngine و MODX
تعامل معظم الوكالات ترحيل CMS مثل مشروع إعادة تصميم. يبنون موقعاً جديداً جميلاً، يقومون بتصدير CSV، يستوردون بشكل مجموعي، يقومون بإعداد بعض عمليات إعادة التوجيه، ويعتبرونها مكتملة. ثم تشاهد حركة المرور العضوية لديك تنخفض بنسبة 40٪ على مدى ستة أسابيع.
إليك ما يحدث بالفعل بشكل خاطئ:
عدم تطابق نموذج المحتوى
حقول القنوات في ExpressionEngine ومتغيرات القالب في MODX لا تعترض بنظافة على هياكل المحتوى الحديثة. يجب تحويل حقل "textarea" يحتوي على HTML مع أنماط مضمنة وصور مدمجة بمسارات نسبية وأكواد مختصرة مخصصة بذكاء — وليس مجرد سكريبت بحث واستبدال.
تجزئة هيكل URL
تحب منصات PHP CMS الموروثة إنشاء عناوين URL بمعاملات وبادئات الفئات وهياكل تعتمد على التاريخ التي لا تتطابق مع اتفاقيات التوجيه الحديثة. اخسر نمط إعادة توجيه واحد وستحصل على صفحة 404 حيث كانت صفحة الهبوط ذات أعلى حركة مرور لديك.
منطق القالب المدفون في المحتوى
أجزاء MODX والمقاطع والبادئات المضمنة PHP المخصصة — هذه ليست محتوى. إنها منطق العرض الذي تشابك في قاعدة البيانات الخاصة بك لمدة عقد من النمو العضوي. فصل المحتوى عن منطق العرض هو العمل الفعلي للهجرة، وهو الجزء الذي تتخطاه معظم الوكالات.
المصادقة وبيانات المستخدم
إذا كان نظام CMS القديم لديك يتعامل مع تسجيلات الأعضاء أو أدوار المستخدم المخصصة أو المحتوى المحجوب، فلا يمكنك فقط تجاهل تلك البيانات. يجب أن تهاجر بصمات كلمات المرور، أو يحتاج المستخدمون إلى تدفق إعادة مصادقة لطيف.
ما يعطيك Next.js + Supabase بالفعل
هذا ليس ترقية هامشية. إنها قفزة معمارية.
Next.js للواجهة الأمامية
يعطيك Next.js الإنشاء الثابت لصفحات المحتوى (TTFB تحت 100ms)، والعرض من جانب الخادم للمسارات الديناميكية، ومكونات Next.js Server لتخطيطات معقدة بدون JavaScript نافخة من جانب العميل، وإعادة إنشاء ثابتة تدريجية حتى يتمكن فريق المحتوى من نشر التغييرات التي تصبح مباشرة في ثوان دون إعادة بناء كاملة.
تقفز درجات Lighthouse من نطاق 45-65 إلى 95-100. وليس بسبب الحيل — لأن الهندسة المعمارية أسرع بشكل أساسي.
Supabase للواجهة الخلفية
يوفر Supabase قاعدة بيانات PostgreSQL مع REST و GraphQL API خارج الصندوق. يتعامل أمان مستوى الصف مع الأذونات بدون وسيط. تعطي الاشتراكات المباشرة الميزات الحية. المصادقة المدمجة تتعامل مع كل شيء من البريد الإلكتروني/كلمة المرور إلى موفري OAuth. تتعامل وظائف Edge مع منطق من جانب الخادم في حافة CDN.
بالنسبة لمعظم ترحيل CMS القديم، يستبدل Supabase كل مجموعة Backend: قاعدة البيانات والمصادقة والتخزين والطبقة API. منصة واحدة وفاتورة واحدة وعدم وجود صيانة خادم.
تكامل Headless CMS
للفرق الافتتاحية التي تحتاج إلى واجهة تحرير مألوفة، نقوم بدمج Sanity أو Payload CMS أو Storyblok كالطبقة الافتتاحية. يحصل محررو المحتوى على واجهة حديثة. يحصل المطورون على واجهات برمجية منظمة. Supabase يتعامل مع كل شيء لا يكون محتوى خالصاً: بيانات المستخدم وحالة التطبيق والتحليلات وتقديم النماذج.
عملية الترحيل الخاصة بنا
نقوم بتشغيل عملية من خمس مراحل مصممة خصيصاً لمنصات PHP CMS القديمة. لا عمليات قطع كبيرة. لا أصابع مقاطعة.
المرحلة 1: التدقيق العميق (الأسبوع 1-2)
نحن نزحف إلى موقعك الموجود بالكامل. كل عنوان URL، كل نوع محتوى، كل قالب، كل إعادة توجيه بالفعل موجودة. نقوم بتعيين قنواتك في ExpressionEngine أو موارد MODX إلى مخطط محتوى حديث. نقوم بتوثيق الوظائف المخصصة — البحث والنماذج وعناطق الأعضاء وخطافات التجارة الإلكترونية والتكاملات من جهات خارجية.
المسلمة: وثيقة مواصفات ترحيل مع تعيينات نموذج المحتوى وخريطة إعادة التوجيه ودرجة المخزون الوظيفي.
المرحلة 2: بناء البنية الأساسية (الأسبوع 2-4)
نقوم بإعداد تطبيق Next.js وتكوين Supabase (مخطط قاعدة البيانات وقواعد المصادقة وحاويات التخزين) والنشر على Vercel أو Cloudflare Pages. خط أنابيب CI/CD وبيئات المعاينة واللمسة المرحلة — كل شيء مكون قبل أي محتوى ينتقل.
المرحلة 3: ترحيل المحتوى (الأسبوع 3-6)
تستخرج سكريبتات الترحيل المخصصة المحتوى من قاعدة البيانات القديمة، وتحوله (تنظيف HTML وحل مسارات الصور وتحويل الأكواد المختصرة إلى بيانات منظمة)، وتحمله في النظام الجديد. نقوم بتشغيل هذا بشكل متكرر — ترحيل والتحقق من الصحة وإصلاح الحالات الحدية وإعادة التشغيل.
بالنسبة إلى ExpressionEngine، نتصل مباشرة بقاعدة بيانات MySQL وتحليل بيانات القنوات بوعي نوع الحقل. بالنسبة إلى MODX، نتعامل مع شجرة الموارد ومتغيرات القالب والمراجع. بالنسبة إلى أنظمة PHP CMS المخصصة، نقوم بهندسة عكسية للمخطط وبناء المستخرجات المخصصة.
المرحلة 4: بناء الواجهة الأمامية (الأسبوع 4-8)
صفحات Next.js والمكونات المدمجة لمطابقة (أو تحسين) التصميم الموجود. كل نموذج صفحة من الموقع القديم يحصل على مكافئ حديث. نقوم بتحسين الصور وتنفيذ التخطيطات سريعة الاستجابة والتأكد من أن كل صفحة تضرب Core Web Vitals الأخضر قبل الإطلاق.
المرحلة 5: قطع SEO والانطلاق (الأسبوع 7-10)
هنا حيث ينجح الهجرات أو تفشل. عملية القطع الخاصة بنا:
- خريطة إعادة التوجيه 301 المنشورة والمختبرة ضد الزحف الكامل للعنوان من المرحلة 1
- خرائط XML الموقع المُعاد إنشاؤها والمُرسلة إلى Google Search Console
- علامات Canonical وhreflang والبيانات المنظمة محفوظة أو محسنة
- المراقبة في الوقت الفعلي لارتفاعات 404 وأخطاء الزحف وحركة الترتيب لمدة 30 يوماً بعد الإطلاق
- قطع DNS بدون توقف — يبقى الموقع القديم مباشراً كنسخة احتياطية حتى نؤكد الفهرسة النظيفة
نحن نضمن عدم فقدان ترتيب قابل للنسب إلى الهجرة. إذا أسقط Google صفحة لأننا فقدنا إعادة توجيه، فنحن نصلحها في نفس اليوم.
استراتيجية حفظ SEO
الحفاظ على SEO ليس مرحلة — إنه قيد يحكم كل قرار طوال المشروع.
نقوم بتصدير ملف الارتباط الكامل ومقارنته بخريطة إعادة التوجيه. يتم تحديث الروابط الداخلية برمجياً وليس يدوياً. نحافظ على سلطة الصفحة من خلال الحفاظ على هياكل URL حيث يكون ممكناً وتنفيذ سلاسل إعادة التوجيه المناسبة حيث تتغير.
يعطينا Next.js العرض من جانب الخادم للزحافات، مما يعني أن Google ترى HTML محراً بالكامل عند الطلب الأول — لا تأخيرات تقديم JavaScript التي تزعج هجرات SPA. جنباً إلى جنب مع TTFB دون 300ms من نشر الحافة، تحصل صفحاتك على زحف أسرع وفهرسة أكثر اكتمالاً مما كانت عليه على الكومة القديمة.
الجدول الزمني والتسعير
التسعير الشفاف يعني أنك تعرف النطاق قبل المكالمة الأولى.
| حجم المشروع | حجم المحتوى | الجدول الزمني | الاستثمار |
|---|---|---|---|
| معياري | حتى 500 صفحة | 6-8 أسابيع | 12000-25000 جنيه إسترليني |
| متوسط الحجم | 500-5000 صفحة | 8-12 أسبوع | 25000-55000 جنيه إسترليني |
| المؤسسة | 5000+ صفحة وظائف مخصصة | 12-20 أسبوع | 55000-120000 جنيه إسترليني |
يتضمن التسعير التدقيق وسكريبتات الترحيل وبناء Next.js وتكوين Supabase وقطع SEO والمراقبة لمدة 30 يوماً بعد الإطلاق. لا مفاجآت فاتورة بالساعة. عادةً ما يتم تشغيل الاستضافة المستمرة على Vercel + Supabase بـ 50-200 جنيه إسترليني/الشهر اعتماداً على حركة المرور — جزء صغير من تكاليف الخادم القديم.
ضمان Core Web Vitals الأخضر بنسبة 100٪
كل صفحة نشحنها تمر بتقييم Core Web Vitals في Google مع درجات خضراء عبر LCP و INP و CLS. وليس على اتصال سريع في اختبار معملي — في الميدان، يقاس من خلال المستخدمين الفعليين عبر بيانات CrUX.
إذا فشلت أي صفحة في CWV في غضون 90 يوماً من الإطلاق بسبب تطبيقنا، فنحن نصلحها بدون تكلفة إضافية. يمكننا إعطاء هذا الضمان لأن معمارية Next.js + Supabase المنشورة على CDNs الحافة سريعة بطبيعتها. نحن لا نحارب المنصة للحصول على درجات جيدة — المنصة تسلمها بشكل افتراضي عند البناء بشكل صحيح.
التغطية في المملكة المتحدة والولايات المتحدة
نعمل مع الفريق في جميع أنحاء المملكة المتحدة والولايات المتحدة، مع النشر المُحسَّن للأسواق. شبكات Vercel و Cloudflare edge تضمن تحميل موقعك بسرعة سواء كان المستخدمون في لندن أو ليدز أو لوس أنجلوس أو لويسفيل. تتضمن جميع المشاريع معالجة البيانات المتوافقة مع GDPR للجماهير في المملكة المتحدة/الاتحاد الأوروبي والممارسات المتوافقة مع SOC 2 لمتطلبات المؤسسات الأمريكية.
The migration process
Discovery & Audit
We map every page, post, media file, redirect, and plugin. Nothing gets missed.
Architecture Plan
New stack designed for your content structure, SEO requirements, and performance targets.
Staged Migration
Content migrated in batches. Each batch verified before the next begins.
SEO Preservation
301 redirects, canonical tags, sitemap, robots.txt — every ranking signal carried over.
Launch & Monitor
DNS cutover with zero downtime. 30-day monitoring period included.
ExpressionEngine / MODX / Custom PHP CMS vs Next.js + Supabase
| Metric | ExpressionEngine / MODX / Custom PHP CMS | Next.js + Supabase |
|---|---|---|
| Lighthouse Mobile | 45-65 | 95-100 |
| TTFB | 1.2-2.5s | <0.3s |
| Build/Deploy | FTP upload, manual cache clear | Git push, auto-deploy in <60s |
| Hosting Cost | £200-800/mo | £50-200/mo |
| Developer Availability | Scarce (EE/MODX specialists) | Abundant (React/Next.js ecosystem) |
| API / Headless Support | None or bolted-on | Native REST + GraphQL via Supabase |
Common questions
كم من الوقت يستغرق ترحيل ExpressionEngine إلى Next.js؟
يستغرق ترحيل ExpressionEngine النموذجي 6-12 أسبوعاً حسب حجم المحتوى والوظائف المخصصة. تنتهي المواقع التي تحتوي على أقل من 500 صفحة مع حقول القناة القياسية في 6-8 أسابيع. تمتد المواقع الأكبر مع أنظمة الأعضاء أو الإضافات المخصصة أو منطق القالب المعقد إلى 12-20 أسبوعاً. نعطيك جدولاً زمنياً دقيقاً بعد مرحلة التدقيق.
هل سأفقد ترتيبات SEO أثناء الترحيل؟
لا. تتضمن عملية الترحيل الخاصة بنا خريطة إعادة توجيه 301 كاملة مبنية من زحف الموقع الكامل والعرض من جانب الخادم لمحركات البحث والمراقبة لمدة 30 يوماً بعد الإطلاق. نحن نحافظ على هياكل URL وعلامات Canonical والبيانات المنظمة وسمات hreflang. نضمن عدم فقدان الترتيب الناجم عن الهجرة نفسها.
هل يمكنك ترحيل نظام PHP CMS مخصص بدون توثيق؟
نعم. نقوم بالهندسة العكسية لمخططات قاعدة البيانات غير الموثقة من خلال تحليل هياكل الجدول والعلاقات وأنماط المحتوى مباشرة. لقد قمنا بترحيل منصات PHP CMS المخصصة المبنية على مدى 10+ سنوات بدون أي توثيق. تعيين مرحلة التدقيق كل نوع محتوى وعلاقة ووظيفة مخصصة قبل أن نكتب سطراً واحداً من رمز الترحيل.
ماذا يحدث لمتغيرات ومقاطع قالب MODX الخاصة بنا؟
يتم تعيين متغيرات قالب MODX إلى حقول محتوى منظمة في نظام CMS الجديد أو مخطط Supabase. يتم إعادة بناء المقاطع والأجزاء التي تحتوي على منطق العرض كمكونات Next.js. يتم استخراج المحتوى المدمج في الأجزاء وتخزينه كبيانات منظمة. النتيجة النهائية هي فصل نظيف للمحتوى والعرض الذي لم يكن ممكناً حقاً في MODX.
كيف يعمل الترحيل بدون توقف؟
نقوم بتشغيل كلا النظامين بشكل متوازي خلال فترة القطع. يبقى نظام CMS القديم مباشراً بينما يتم بناء موقع Next.js الجديد بالكامل واختباره على مجال التدريج. يتم التبديل إلى DNS مع TTL محدود، والحفاظ على الخادم القديم متاحاً كنسخة احتياطية. المراقبة المباشرة تقبض على أي مشاكل في غضون دقائق من go-live.
ماذا يغطيه ضمان Core Web Vitals؟
ستمر كل صفحة نبنيها بتقييم Core Web Vitals في Google — LCP أقل من 2.5s و INP أقل من 200ms و CLS أقل من 0.1 — يُقاس في الميدان عبر بيانات Chrome User Experience Report. إذا فشلت أي صفحة في غضون 90 يوماً من الإطلاق بسبب رمزنا، فنحن نصلحها بدون تكلفة. يغطي هذا التطبيق الخاص بنا وليس السكريبتات من جهات خارجية التي تضيفها بعد الإطلاق.
لماذا Next.js و Supabase بدلاً من WordPress أو نظام إدارة محتوى آخر؟
WordPress سيكرر العديد من نفس المشاكل التي تحاول تركها وراءك: معمارية أحادية ومخاوف من المكونات الإضافية ومعالجة PHP من جانب الخادم والحمل الأمني. يعطيك Next.js صفحات ثابتة ومعاد صياغتها في سرعة حافة CDN. يوفر Supabase PostgreSQL مدارة مع المصادقة والواجهات البرمجية المدمجة — لا خوادم للصيانة ولا تحديثات المكونات الإضافية التي تقلق بشأنها.
هل تقدمون دعماً مستمراً بعد الترحيل؟
نعم. يتضمن كل ترحيل 30 يوماً من المراقبة والإصلاحات بعد الإطلاق. بعد ذلك، نقدم حزم الاشتراك الشهرية للتطوير المستمر وتغييرات نموذج المحتوى والمراقبة والأداء وإدارة Supabase. تنتقل معظم العملاء إلى خطة دعم خفيفة الوزن بعد فترة الاستقرار الأولى.
Ready to migrate?
Free assessment. We'll audit your current site and give you a clear migration plan — no commitment.
Let's build
something together.
Whether it's a migration, a new build, or an SEO challenge — the Social Animal team would love to hear from you.