اكتشف أسرار بناء هذا الموقع وكيف يحقق أرباحه
تم الكشف عنه من خلال استخدام فئات CSS المتعلقة بباني الصفحات WPBakery (مثل vc_row, wpb_row, vc_column_container) وهياكل القوائم الشائعة في ووردبريس (مثل menu-main-menu, menu-vertical-menu). كما أن الأنماط مثل site-header, hfeed site هي مؤشرات قوية لاستخدام ووردبريس.
يظهر من ملفات CSS مثل bootstrap-rtl.min.css ومن فئات HTML مثل navbar, dropdown, container, row, col-sm-6 المستخدمة على نطاق واسع في بناء الواجهة.
موجود عبر ملف font-awesome.min.css المستخدم لتضمين الأيقونات.
موجود عبر ملف animate.min.css لتأثيرات الرسوم المتحركة المحددة بواسطة الفئات animate-dropdown.
موجود عبر ملف owl-carousel.css، مما يشير إلى استخدام هذه المكتبة لعرض الشرائح أو الكاروسيل، رغم عدم وجود شفرة JS الخاصة بها في هذا المقتطف.
يتم استيراد خطوط جوجل، وتحديداً خط 'Cairo'، عبر رابط fonts.googleapis.com.
يُفترض استخدامه بقوة نظرًا لوجود Bootstrap ومكوناته التفاعلية (مثل data-toggle='dropdown')، بالإضافة إلى مكتبات مثل Owl Carousel التي تعتمد عادةً على jQuery.
اللغة الخلفية الأساسية لووردبريس عادةً ما تكون PHP.
بناء دليل مماثل باستخدام Next.js و Tailwind CSS و Supabase
إعداد المشروع: تهيئة مشروع Next.js جديد باستخدام TypeScript ودمج Tailwind CSS للتصميم وتوفير تجربة مستخدم سريعة ومتجاوبة.
تصميم قاعدة البيانات: إنشاء مشروع Supabase وتحديد الجداول اللازمة (مثل: categories للفئات الرئيسية، subcategories للفئات الفرعية، listings للشركات/المتاجر، cities للمدن، users للمستخدمين) مع حقول مفصلة لكل كيان (الاسم، الوصف، الموقع الجغرافي، معلومات الاتصال، الصور، الساعات، التقييمات).
المصادقة وإدارة المستخدمين: تنفيذ نظام مصادقة المستخدمين (تسجيل الدخول/التسجيل) باستخدام Supabase Auth، والسماح للشركات بإنشاء وإدارة وتحديث قوائمها الخاصة عبر لوحة تحكم آمنة.
تطوير الواجهة الأمامية: بناء صفحات ديناميكية لعرض القوائم، مثل الصفحة الرئيسية مع الشركات المميزة، صفحات الفئات والمدن، وصفحات تفاصيل الشركات الفردية. استخدام مكونات React لإعادة الاستخدام والكفاءة.
تنفيذ البحث والتصفية المتقدمة: دمج محرك بحث فعال مثل Algolia أو MeiliSearch لتمكين البحث السريع والدقيق عبر القوائم والفئات، مع توفير خيارات تصفية متقدمة حسب المدينة والفئة والكلمات المفتاحية والتقييمات.
تكامل الخرائط: استخدام Mapbox GL JS أو Google Maps API لعرض مواقع الشركات على الخريطة وتوفير ميزات البحث عن قرب (proximity search) وعرض المسارات.
النشر: نشر التطبيق على منصة استضافة محسّنة لـ Next.js مثل Vercel للحصول على أداء ممتاز وقابلية التوسع.
تقديم نموذج اشتراك متعدد المستويات للشركات. يمكن أن تشمل المستويات: 'أساسي' (مجاني مع معلومات محدودة)، 'مميز' (ظهور أعلى في نتائج البحث والفئات، صور ومقاطع فيديو إضافية، وصف عمل مفصل، روابط لوسائل التواصل الاجتماعي والموقع الإلكتروني، إحصائيات حول عرض القائمة)، و'معروض' (وضع إعلاني في الصفحة الرئيسية، أعلى صفحات الفئات، أو نتائج بحث محددة). هذا يستهدف الشركات المحلية التي تسعى لزيادة وصولها وظهورها للعملاء المحتملين.
بيع مساحات إعلانية (Banner Ads) على الموقع في أماكن بارزة (مثل الصفحة الرئيسية، رؤوس صفحات الفئات، بين نتائج البحث) للشركات الكبيرة أو العلامات التجارية ذات الصلة. بالإضافة إلى ذلك، يمكن تقديم خيار للشركات لنشر 'مقالات برعاية' أو 'مراجعات مفصلة' لخدماتها أو منتجاتها، والتي تظهر كمحتوى جذاب للمستخدمين بينما تدر دخلاً من المعلنين. هذا يوسع قاعدة المونيتيزيشن لتشمل الشركات التي ترغب في الترويج لعلامتها التجارية على نطاق أوسع.
بالنسبة لبعض فئات الخدمات (مثل خدمات السيارات، المنازل، الصالونات)، يمكن إضافة ميزة 'طلب عرض سعر' أو 'حجز موعد' مباشرة من صفحة قائمة الشركة. يتم تحصيل رسوم من الشركات لكل عميل محتمل يتم توليده عبر المنصة، أو نسبة مئوية من المعاملات الناجحة. يمكن أيضاً تقديم خدمات إضافية ذات قيمة للشركات المدرجة، مثل تصوير احترافي لقوائمهم، أو خدمات التسويق الرقمي المحلية (SEO، إدارة وسائل التواصل الاجتماعي) مقابل رسوم إضافية، مما يخلق مصادر دخل متجددة.
نحن نمتلك الخبرة لبناء هذا النوع من المنصات من الصفر بأحدث التقنيات. دعنا نحول فكرتك إلى واقع.
تواصل معنا لبناء المشروعدعنا نساعدك في بناء خطة تسويقية متكاملة لمشروعك خلال دقيقة واحدة فقط.
سنقوم بإرسال التقرير إلى هذه البيانات
نقوم بتحليل بيانات الآلاف من الشركات المشابهة لتقديم أفضل النتائج.
أخبرنا قليلاً عن نشاطك التجاري
نبحث عن الفرص الضائعة في مجالك لاستغلالها فوراً.
ما الذي تريد تحقيقه بالتحديد؟
شكراً لتواصلك معنا. سيقوم أحد مستشارينا بمراجعة طلبك والتواصل معك خلال 24 ساعة.
تواصل معنا مباشرة