اكتشف أسرار بناء هذا الموقع وكيف يحقق أرباحه
تم الكشف عنه عبر علامة meta 'csrf-token' والتعليق 'laravel CRUD token' في رأس الصفحة، مما يشير بقوة إلى استخدام إطار عمل PHP الشهير لتطوير الويب.
موجود عبر ملفات CSS مثل 'bootstrap.css' و 'core.css' في مجلد 'website_assets/vendor/css/rtl/'، مما يشير إلى استخدام Bootstrap 5 (حيث أن 'bs5' موجود في بعض أسماء الملفات مثل 'datatables-bs5').
تم التعرف عليها من خلال ملف 'fontawesome.css' في مجلد 'website_assets/vendor/fonts/'، وتستخدم لعرض الأيقونات في الواجهة.
تم الكشف عن هذه المكتبات المتخصصة عبر ملفات CSS الخاصة بها في مجلد 'website_assets/vendor/libs/'، مما يشير إلى استخدامها لإضافة تفاعلية وتحسينات لواجهة المستخدم مثل التنبيهات، جداول البيانات، منتقي التواريخ، الإشعارات، وقوائم التحديد المحسّنة.
موجود عبر الكود 'adsbygoogle.js' ومعرف العميل 'ca-pub-7223929122163665' في جسم الصفحة، مما يشير إلى عرض الإعلانات من جوجل.
تم الكشف عنه من خلال كود 'gtag.js' ومعرف التتبع 'G-05DFSMLY10'، مما يدل على استخدام تحليلات جوجل لتتبع سلوك المستخدم وأداء الموقع.
يستخدم الفئة 'lazyload' على علامات الصور، مما يشير إلى وجود مكتبة JavaScript لتحميل الصور عند الحاجة فقط لتحسين أداء الصفحة.
نظرًا لاستخدام Laravel كإطار عمل للواجهة الخلفية، فإن PHP هي لغة البرمجة الأساسية للخادم.
بناء موقع مشابه باستخدام Next.js و Tailwind CSS و Supabase
تخطيط قاعدة البيانات (Database Schema): تصميم هيكل قاعدة البيانات للمستخدمين والوظائف والدورات التدريبية والمنح والمقالات والفئات، مع الأخذ في الاعتبار العلاقات بين الكيانات.
إعداد مشروع Next.js: إنشاء مشروع Next.js جديد باستخدام TypeScript (لتحسين جودة الكود) وتهيئة Tailwind CSS للأنماط وتصميمه ليكون RTL (من اليمين إلى اليسار) لدعم اللغة العربية.
تكوين Supabase: إعداد مشروع Supabase ليكون بمثابة الواجهة الخلفية للموقع، بما في ذلك قاعدة بيانات PostgreSQL (لتخزين البيانات)، ومصادقة المستخدمين (Auth) لإدارة تسجيل الدخول والتسجيل، والتخزين (Storage) لملفات الصور والفيديوهات.
تطوير الواجهة الأمامية (Frontend Development): بناء المكونات الأساسية للواجهة باستخدام React في Next.js، مثل شريط التنقل، أقسام الوظائف والدورات، صفحة البحث، وصفحات التفاصيل لكل كيان. استخدام ميزات Next.js مثل Server-Side Rendering (SSR) أو Static Site Generation (SSG) لتحسين SEO والأداء.
بناء واجهات برمجة التطبيقات (APIs) باستخدام Supabase Edge Functions أو Next.js API Routes: لإنشاء نقاط نهاية (endpoints) لتفاعل الواجهة الأمامية مع قاعدة البيانات، مثل جلب الوظائف والدورات، إدارة حسابات المستخدمين، ومعالجة عمليات البحث.
تنفيذ وظائف البحث والتصفية: دمج قدرات بحث قوية باستخدام بحث النصوص الكاملة من PostgreSQL في Supabase، أو دمج مكتبات بحث خارجية مثل Algolia للحصول على تجربة بحث سريعة ومرنة.
تطوير لوحة التحكم (Admin Dashboard): إنشاء لوحة تحكم آمنة (ربما كجزء منفصل من تطبيق Next.js أو باستخدام واجهة Supabase Studio) لإدارة المحتوى، الموافقة على الوظائف والدورات، وإدارة المستخدمين.
نشر التطبيق (Deployment): نشر الواجهة الأمامية على Vercel (موصى به لتطبيقات Next.js) والواجهة الخلفية على Supabase، وكلاهما يوفر تكاملًا سلسًا وبيئة قابلة للتطوير.
يمكن للموقع تقديم نموذج اشتراك للشركات والمعاهد التعليمية يتيح لهم نشر عدد غير محدود من الوظائف أو الدورات لفترة محددة (شهرية/سنوية) مقابل رسوم. بالإضافة إلى ذلك، يمكن تقديم خيارات للإعلانات المميزة (Featured Listings) التي تظهر في أعلى قوائم البحث أو في أماكن بارزة على الصفحة الرئيسية، مما يزيد من وضوحها وجذب المرشحين أو الطلاب. هذا النموذج يستفيد من الحاجة المستمرة للشركات لتوظيف الكفاءات والجامعات أو المراكز لتقديم دورات تدريبية.
بالإضافة إلى الدورات المجانية، يمكن للموقع استضافة وبيع دورات تدريبية مدفوعة ذات جودة عالية في مجالات مطلوبة (مثل تحليل البيانات، التسويق الرقمي، البرمجة المتقدمة). يمكن الشراكة مع خبراء الصناعة أو المؤسسات التعليمية لتقديم هذه الدورات. كما يمكن تقديم شهادات معتمدة عند إكمال الدورات المدفوعة، مما يضيف قيمة كبيرة للمستخدمين ويزيد من جاذبية الدورات ويفتح باباً لنموذج الإيرادات القائم على المنتجات الرقمية.
يمكن للموقع التطور لتقديم خدمات توظيف متكاملة للشركات. بناءً على البيانات التي يجمعها من الباحثين عن عمل (مع موافقتهم)، يمكن للموقع أن يعمل كوسيط لربط الشركات بالمرشحين المناسبين للوظائف الشاغرة. يمكن أن يتضمن ذلك البحث عن السير الذاتية، التصفية المسبقة للمرشحين، وحتى المساعدة في تنظيم المقابلات. يتم تحصيل الرسوم من الشركات مقابل كل توظيف ناجح أو مقابل الوصول إلى قاعدة بيانات المرشحين المؤهلين. هذا يحول الموقع من مجرد لوحة إعلانات إلى شريك استراتيجي في التوظيف.
نحن نمتلك الخبرة لبناء هذا النوع من المنصات من الصفر بأحدث التقنيات. دعنا نحول فكرتك إلى واقع.
تواصل معنا لبناء المشروعدعنا نساعدك في بناء خطة تسويقية متكاملة لمشروعك خلال دقيقة واحدة فقط.
سنقوم بإرسال التقرير إلى هذه البيانات
نقوم بتحليل بيانات الآلاف من الشركات المشابهة لتقديم أفضل النتائج.
أخبرنا قليلاً عن نشاطك التجاري
نبحث عن الفرص الضائعة في مجالك لاستغلالها فوراً.
ما الذي تريد تحقيقه بالتحديد؟
شكراً لتواصلك معنا. سيقوم أحد مستشارينا بمراجعة طلبك والتواصل معك خلال 24 ساعة.
تواصل معنا مباشرة