لوحة النشر · ذا كابيتال سويتس

تقويم المحتوى ولوحة التنسيق بين مدير المحتوى والمصمم والإدارة. نفس اللوحة اللي كانت شغالة داخل Claude، لكن على Vercel، وبيانات محفوظة في Supabase.

الإعداد (مرة واحدة · حوالي 10 دقايق)

1. Supabase (قاعدة البيانات وتسجيل الدخول)

1. ادخل https://supabase.com واعمل مشروع جديد (الخطة المجانية):
   • الاسم: content-board.
   • المنطقة: أقرب منطقة متاحة.
   • كلمة سر قاعدة البيانات: احفظها عندك، مش هنحتاجها هنا.
2. من القائمة الجانبية افتح SQL Editor ثم New query:
   • الصق محتوى supabase/01-schema.sql كله، واضغط Run.
   • في query جديد الصق supabase/02-data.sql كله، واضغط Run.
   • آخر سطر لازم يطلع posts = 99 وnotes = 5.
3. من Project Settings ثم API (أو Data API) انسخ قيمتين:
   • Project URL.
   • مفتاح anon public. ده مفتاح عام ومحمي بصلاحيات قاعدة البيانات. متنسخش مفتاح service_role.

2. Vercel

1. افتح https://vercel.com/new، واستورد المستودع thecapitalsuites-content-board.
2. Framework Preset: خليه Other، والباقي سيبه زي ما هو. الإعدادات موجودة في vercel.json.
3. افتح Environment Variables وضيف:
   • SUPABASE_URL = الـ Project URL.
   • SUPABASE_ANON_KEY = مفتاح anon public.
4. اضغط Deploy، وانسخ رابط اللوحة.

3. ربط رابط الدخول

في Supabase افتح Authentication ثم URL Configuration:

• Site URL = رابط اللوحة على Vercel.
• Redirect URLs = ضيف نفس الرابط وبعده /**.

4. أول دخول

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

ملاحظات

• رسائل الدخول: Supabase المجاني بيبعتها من خدمته الافتراضية، وعليها حد بسيط لعدد الرسائل في الساعة. ده كفاية لفريق صغير، ولو زاد العدد نربط خدمة إيميل خاصة من Authentication ثم SMTP Settings.
• التحديث اللحظي: أي تغيير بيظهر عند الكل خلال ثانية من غير ما يحدّثوا الصفحة.
• حماية الصلاحيات: الصلاحيات مطبقة جوه قاعدة البيانات نفسها (Row Level Security)، مش في الواجهة بس.
• صور التصاميم المقترحة: في public/img.

الملفات

• public/index.html: اللوحة نفسها، نفس اللي كانت داخل Claude.
• public/runtime.js: طبقة التشغيل اللي بتربط اللوحة بـ Supabase (الدخول والبيانات والتحديث اللحظي وإدارة الفريق).
• public/supabase.js: مكتبة Supabase الرسمية (2.39.3)، محفوظة محلياً.
• supabase/01-schema.sql: الجداول والصلاحيات.
• supabase/02-data.sql: البيانات المنقولة من اللوحة القديمة، كما كانت يوم 13 أكتوبر 2026.
• build.js وvercel.json: إعدادات النشر.

ملفات المشروع (/files.html)

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

• الملفات نفسها في public/files/، وتُبنى بـ python3 tools/build_files.py <مجلد المصادر> (المجلد فيه manifest.json بأسماء المصادر).
• لتحديث ملف: استبدل المصدر وشغّل السكربت، أو استبدل الملف في public/files/ مباشرة، ثم ارفع على GitHub.

نسخ التحميل (PDF و ZIP)

• public/files/pdf/ فيه نسخة PDF من كل ملف وعرض، وملفات ZIP للتصاميم والفيديوهات.
• لإعادة إنتاج الـPDF بعد أي تحديث: NODE_PATH=$(npm root -g) node tools/build_pdfs.js <node_modules فيه @fontsource/alexandria و ibm-plex-sans-arabic و ibm-plex-mono و reem-kufi>
• العروض بتطلع بمقاس الشريحة، والملفات بتطلع صفحات A4 بنفس شكلها على الشاشة.