شركة تطوير ووردبريس بدون رأس: Next.js و Astro

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

ما يعنيه ووردبريس بدون رأس مع Next.js في الواقع

في موقع WordPress العادي، يقوم نظام واحد بتخزين المحتوى وإنشاء كل صفحة أيضًا. في إعداد بلا رأس، انقسمت هاتان الوظيفتان. يظل WordPress مصدر المحتوى: يستخدم المحررون نفس شاشات الإدارة، ومكتبة الوسائط نفسها، ونفس الحقول المخصصة. واجهة أمامية منفصلة، مكتوبة بلغة React أو Next.js أو Astro، تجلب هذا المحتوى من خلال WPGraphQL أو REST API وتعرض الصفحات التي يراها الزوار.

هذه هي الفكرة الكاملة وراء استخدام WordPress كنظام إدارة محتوى بدون رأس. «الرأس» هو طبقة السمة، وقد قمت بتبديلها بالكود الذي تتحكم فيه تمامًا.

ما نبنيه

نحن شركة هندسة البرمجيات أولاً، والتي تحدد كيفية تعاملنا مع هذا. الواجهة الأمامية عبارة عن كود تطبيق حقيقي في TypeScript الآمن للكتابة، وليست موضوعًا يحتوي على عدد قليل من استدعاءات API.

• واجهة أمامية لـ Next.js أو Astro، يتم اختيارها حسب مدى تفاعل الموقع (Astro للمواقع ذات المحتوى الثقيل التي يجب ألا تشحن جافا سكريبت تقريبًا، Next.js عندما يكون هناك سلوك يشبه التطبيق)
• مخططات WpGraphQL أو REST المصممة حول نموذج المحتوى الخاص بك، وبالتالي فإن الواجهة الأمامية لا تحارب البيانات
• معاينات المحتوى، حتى يرى المحررون المسودة في الواجهة الأمامية الحقيقية قبل نشرها
• مصدر محتوى واحد يغذي موقع الويب وتطبيق React Native وأي شيء آخر يحتاج إليه
• التخزين المؤقت وتكوين CDN بحيث تكون الصفحات سريعة تحت حركة المرور الحقيقية
• ترحيل موقع WordPress الحالي، مع الحفاظ على عناوين URL والمحتوى سليمين

إذا كنت بحاجة أيضًا إلى Drupal أو نظام إدارة محتوى مختلف بدون رأس، فقد قمنا بهذا العمل أيضًا، وسنقول ذلك إذا كان نظام آخر يناسب بشكل أفضل من WordPress.

عندما يؤتي قطع الرأس ثماره

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

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

عندما لا يستحق ذلك

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

الاستضافة والمنصة

Sweent هو عضو في برنامج شركاء وكالة WP Engine، ومشاريعنا مدعومة من قبل فريق شركاء WP Engine المخصص. بالنسبة لطبقة المحتوى، فهذا يعني EverCache وشبكة CDN العالمية، والتحديثات التلقائية مع التراجع، وحماية WAF وDDoS المُدارة، والتدريج، والنسخ الاحتياطي اليومي، ودعم WordPress على مدار الساعة طوال أيام الأسبوع. تخضع المنصة لعمليات تدقيق SOC 2 السنوية وتحمل شهادة ISO 27001. يمكنك قراءة المزيد حول كيفية عمل هذه الشراكة على [صفحة WP Engine] (/wp-engine).

كيف تتم المشاركة

1. نحن نراجع نموذج المحتوى والمكونات الإضافية وحركة المرور لتحديد ما إذا كان قطع الرأس مبررًا على الإطلاق.
2. نقوم بتصميم مخطط المحتوى وطبقة API، ونتفق على الصفحات التي يتم عرضها مسبقًا.
3. نقوم ببناء الواجهة الأمامية في Next.js أو Astro جنبًا إلى جنب مع مثيل WordPress الخاص بك، مع معاينات.
4. نقوم بترحيل المحتوى وإعداد عمليات إعادة التوجيه والاختبار على التدريج.
5. نطلق، ثم نسلم فريقك المستودع والوثائق. كقاعدة عامة، يندمج مهندسونا مع فريقك بدلاً من الاختفاء خلف الحائط.

يقع الجانب الهندسي من هذا ضمن [خدمات هندسة البرمجيات] (/الخدمات/هندسة البرمجيات)، ونحن نحتفظ بوضع SDVOSB و HubZone وعقد جدول جوائز GSA المتعددة للمشترين من القطاع العام.

المقايضة التي يجب وزنها

يمكنك الحصول على السرعة وحرية التصميم ومصدر المحتوى الذي يمكنه تغذية أي شيء. أنت تدفع باستخدام قاعدة بيانات ثانية والمزيد من الانضباط الهندسي طوال فترة بقاء الموقع. إذا كانت خارطة الطريق الخاصة بك تحتاج إلى القائمة الأولى، فإن محادثة قصيرة من خلال [صفحة الاتصال] (/contact) ستحدد ما إذا كانت الثانية تستحق ذلك.