مقدمة
تطوّر EugeniaBravo من تطبيق React أحادي الصفحة بسيط إلى بنية Next.js لتحسين السيو وقابلية الاكتشاف وتدفقات التحرير لموقع قائم على المحتوى. كما استبدل الترحيل AWS Amplify بـ Supabase، وهو خيار أنسب للمشاريع الأصغر التي لا تزال بحاجة إلى المصادقة والتخزين وقاعدة بيانات علائقية.
أهداف الترحيل
كانت الأهداف الرئيسية فهرسة محتوى المدوّنة بشكل موثوق، وتحسين أداء الصفحات، وتبسيط عمليات الواجهة الخلفية بحيث يبقى المشروع رشيقاً دون التخلي عن ميزات مثل أدوات الإدارة، ورفع الوسائط، وتحرير المحتوى الغني.
التقنيات
تتمحور إعادة البناء حول Next.js مع TypeScript في الواجهة الأمامية، وSupabase للواجهة الخلفية والتخزين.
الواجهة الأمامية والسيو
يتيح Next.js العرض من جانب الخادم والتوليد الثابت للمدوّنة، ما يعني أن برامج الزحف تتلقى HTML كاملاً بدلاً من هيكل شبه فارغ. وهذا تحسّن كبير مقارنةً بـ React العادي بالنسبة للفهرسة الديناميكية، لأن كل منشور يمكن أن يُرسل بيانات وصفية كاملة، ووسوماً معيارية، ومعاينات غنية لحظة طلبه.
تتضمّن البنية خرائط مواقع، وقواعد robots، وبيانات وصفية خاصة بكل صفحة، بحيث تصبح المقالات الجديدة قابلة للاكتشاف بسرعة. كما تحسّن التوجيه، وتحسين الصور، وأداء التحميل العام للموقع العام.
الواجهة الخلفية مع Supabase
حلّ Supabase محل Amplify لإبقاء الحزمة التقنية أخفّ وأسهل تناولاً لفريق أصغر. فمع Postgres والمصادقة المدمجة والتخزين في مكان واحد، أصبح أسهل في الصيانة من إعداد AWS أكبر، مع توفير أساس متين للوحة معلومات الإدارة وتدفقات الوسائط.
تدعم المصادقة الآن MFA، وتوجد المنشورات والفئات في جداول علائقية، وتُخزَّن الصور في Supabase Storage مع بدائل منطقية.
تدفق عمل المحتوى
يدير المحرّرون المنشورات والفئات والمؤلفين من لوحة معلومات الإدارة، مع TinyMCE لتحرير المحتوى الغني وتدفقات المعاينة قبل النشر. تستخدم المدوّنة روابط (slugs) ملائمة للسيو، ومنشورات ذات صلة، وبطاقات موصى بها للحفاظ على تفاعل القرّاء.
لوحة معلومات الإدارة
تجربة الموقع العام
يجمع الموقع العام بين مسار تسويقي ومدوّنة سهلة التصفّح وسريعة التحميل. وتُبنى صفحات الخدمات والشهادات والأسئلة الشائعة والتواصل جميعها على الأساس نفسه الملائم للسيو.
الصفحة الرئيسية
ضمانات النسخة التجريبية
يُطلق فرع العرض التجريبي دون أسرار، ويعمل على بيانات وهمية في الذاكرة، ويعطّل عمليات الكتابة حتى يتمكّن المراجعون من استكشاف الواجهة بأمان. وتُقيَّد أدوات التحليلات وملفات تعريف الارتباط خلف أعلام البيئة لإبقاء النسخة التجريبية معزولة عن الإنتاج.
النسخة التجريبية العامة متاحة مع تفعيل صفحات الإدارة على eugeniabravo-public.vercel.app.
النسخة السابقة
إذا أردت شرحاً كاملاً للحزمة الأصلية المبنية على React وAmplify، يمكنك قراءة المنشور السابق هنا.
زر الموقع المباشر على eugeniabravo.com، واستكشف النسخة التجريبية على eugeniabravo-public.vercel.app، أو تصفّح المستودع على GitHub.
شكراً لقراءتك،
خوليو ماسياس غونزاليس
