هذه المعاينة تضم جميع صفحات الموقع المصممة للنسخة القادمة من وصل، بناءً على تصميم موحّد يجمع بين الهوية البصرية للمنصة ومعايير الصحافة الرقمية الاحترافية.
الصفحات المصممة
الصفحة الأولى للموقع مع شريط الأخبار العاجلة، الكاروسيل، شبكة الأخبار، والنشرة البريدية.
صفحة عرض المقال الكامل مع الصورة، محتوى الخبر، مشاركة اجتماعية، شريط جانبي، وأخبار ذات صلة.
أرشيف مقالات التصنيف مع الخبر المميز، قائمة المقالات، شريط جانبي بالأكثر قراءة، وصفحات التنقل.
صفحة نتائج البحث مع شريط البحث النشط، عدد النتائج، مرشحات التصنيف، وتمييز كلمة البحث في النتائج.
صفحة الخطأ عند عدم وجود الرابط، مع رقم 404 كبير، رسالة عربية، بحث مضمّن، وأبرز الأخبار.
نموذج لصفحة «النشرة الإخبارية» مع أرشيف الإصدارات السابقة، الاشتراك، والشريط الجانبي. يُستخدم أيضاً للدراسات والبحوث.
صفحة أرشيف الكاتب مع لوحة التعريف بالكاتب، صورته، نبذته، وشبكة مقالاته مرتبة من الأحدث إلى الأقدم.
مقترحات تقنية — لم يُتخذ قرار بعد
| الخدمة | الطبقة المجانية | ما بعد المجانية | تقدير wasl.news / شهر |
|---|---|---|---|
| Cloudflare Pagesاستضافة واجهة Next.js — الموقع العام | 500 build/شهر · طلبات غير محدودة · نطاق ترددي غير محدود · 100 نطاق مخصص | — | $0 / شهر |
| WPGraphQLإضافة WordPress لكشف GraphQL endpoint | مجانية كلياً — open source | — | $0 / شهر |
| Cloudflare R2تخزين الوسائط (اختياري — بديل wp-content/uploads) | 10 GB تخزين · 1M كتابة (Class A) · 10M قراءة (Class B) / شهر · Egress مجاني دائماً | $0.015/GB-شهر · $4.50/مليون كتابة · $0.36/مليون قراءة | $0 / شهر ~1.5 GB صور حالياً |
| خادم WordPress الحاليLiteSpeed — backoffice فقط + /graphql للمحررين | تكلفة قائمة — لا تغيير · WordPress يخدم المحررين وAPI فقط، لا حركة عامة | = نفس التكلفة الحالية | |
Sources (official): Cloudflare Pages Limits · Cloudflare R2 Pricing
| الخدمة | الطبقة المجانية | ما بعد المجانية | تقدير wasl.news / شهر |
|---|---|---|---|
| Cloudflare Pagesاستضافة Next.js 15 + Payload /admin في مشروع واحد | 500 build/شهر · طلبات غير محدودة · نطاق ترددي غير محدود | — | $0 / شهر |
| Neon PostgreSQLقاعدة بيانات Payload — مُرحَّلة من MariaDB | 0.5 GB تخزين · 100 CU-hour حساب / شهر · Scale-to-zero تلقائي | $0.106 / CU-hour · $0.35 / GB-month لا حد أدنى — pay-as-you-go | ~$0–3 / شهر ~100 MB نصوص مقالات |
| Cloudflare R2تخزين ~2,500 صورة — مُرحَّلة من wp-content/uploads | 10 GB تخزين · 1M كتابة (Class A) · 10M قراءة (Class B) / شهر · Egress مجاني دائماً | $0.015/GB-شهر · $4.50/مليون كتابة · $0.36/مليون قراءة | $0 / شهر ~1.5 GB صور حالياً |
| خادم WordPressيُلغى بعد اكتمال الترحيل | يمكن إيقافه بعد ترحيل المحتوى والصور بالكامل — لا حاجة له بعد ذلك | توفير = تكلفة الخادم الحالي | |
Sources (official): Neon Pricing · Cloudflare Pages Limits · Cloudflare R2 Pricing
| المعيار | الوضع الحالي (WP مونوليث) | أ — Headless WP + Next.js | ب — Payload CMS + Next.js |
|---|---|---|---|
| سرعة التحميل (LCP) | 2.6 ثانية — فاشل في CWV | < 1 ثانية — ISR + Edge | < 1 ثانية — Local API + Edge |
| واجهة التحرير | Gutenberg (بطيء، إضافات كثيرة) | Gutenberg — بدون أي تغيير | Lexical Editor — تدريب مطلوب |
| ترحيل البيانات | — | لا ترحيل إطلاقاً | 2,560 مقال + 2,500 صورة |
| وقت التطوير | — | 3–4 أسابيع | 6–8 أسابيع |
| تدريب المحررين | — | لا تدريب | تدريب على Lexical |
| صيانة المنصة | WordPress فقط | WordPress + Next.js (نظامان) | Next.js + Payload فقط (نظام واحد) |
| صفحات الكتّاب (Google News) | غير مدعومة | عبر WP Authors API | Authors Collection أصلية |
| فهرسة فورية (IndexNow) | غير متوفرة | WP hook → IndexNow | Payload hook → IndexNow |
| قاعدة البيانات | MariaDB على VPS | MariaDB — بدون تغيير | Neon PostgreSQL (جديدة، serverless) |
| تخزين الوسائط | wp-content/uploads | نفس الخادم (اختياري: R2) | Cloudflare R2 (ترحيل مطلوب) |
| مخاطر التنفيذ | — | منخفضة | متوسطة |
| الموصى به لـ | — | فرق بدون مطور دائم | فرق لديها مطور متخصص |
# — الهدف هو إظهار التصميم فقط.ملاحظة تقنية
هذه الصفحات مرجع التطوير للواجهة الأمامية مع Next.js 15.
البنية الخلفية (Headless WP أو Payload CMS) لم تُحدَّد بعد — انظر قسم
اختر البنية التقنية أعلاه للمقارنة. جميع الأنماط والمكوّنات موحّدة
عبر متغيرات CSS مشتركة (design-1.html هو المرجع الرئيسي).