اكتشف أسرار بناء هذا الموقع وكيف يحقق أرباحه
تم الكشف عنها عبر روابط CDN (cdn2.editmysite.com, cdn1.editmysite.com)، ومتغيرات JavaScript الخاصة بـ Weebly (Weebly.RequestToken, bootstrapData) التي تحتوي على بيانات القوالب والمواقع، بالإضافة إلى مسارات API (مثل /api/JsonRPC/Onboarding/). لا يوجد مؤشر على WordPress أو أي CMS عام.
تم الإشارة إليه صراحة في الشيفرة ضمن دالة themePreviewRPC عبر _W.setup_model_rpc التي تستخدم BackboneModelData و BackboneCollectionData.
توجد العديد من المتغيرات والنصوص البرمجية المخصصة (مثل Weebly.RequestToken, PIXEL_UUID, bootstrapData) التي تدير منطق الواجهة الأمامية وتتبع المستخدم.
لا توجد مؤشرات واضحة على استخدام إطار عمل CSS شهير مثل Tailwind أو Bootstrap. تبدو الفئات مثل lp-navbar__item, btn btn--outline مخصصة للموقع.
تم الكشف عن PIXEL_UUID وسمات data-track-category و data-track-clicks على العديد من العناصر، مما يشير إلى وجود نظام تتبع مخصص أو دمج لخدمة تتبع أحداث.
تشير مسارات JsonRPC (مثل /api/JsonRPC/Onboarding/) وهيكل bootstrapData المعقد إلى وجود نظام خلفي قوي ومخصص يدعم وظائف بناء المواقع.
Next.js + Tailwind CSS + Supabase
إعداد المشروع: ابدأ مشروع Next.js (مع TypeScript) وقم بتكوين Tailwind CSS لتسريع تطوير الواجهة الأمامية.
تطوير الواجهة الأمامية (UI): أعد إنشاء الأقسام الثابتة للصفحة المقصودة (الرأس، التنقل، قسم البطل، عرض القوالب) باستخدام Tailwind CSS لضمان الاستجابة الكاملة والتصميم الجذاب.
إدارة بيانات القوالب باستخدام Supabase: قم بإعداد قاعدة بيانات PostgreSQL في Supabase. أنشئ جداول للقوالب (templates) تتضمن حقولًا مثل الاسم والوصف والفئة وروابط لقطات الشاشة (سطح المكتب والجوال) ورابط تجريبي. قم بملء هذا الجدول ببيانات القوالب.
عرض القوالب ديناميكيًا: في Next.js، استرجع بيانات القوالب من Supabase (باستخدام SSR/SSG أو جلب من جانب العميل) وقم بعرضها ديناميكيًا في قسم عرض القوالب.
تكامل المصادقة: قم بدمج مصادقة Supabase (Authentication) لإدارة تسجيل الدخول والتسجيل للمستخدمين الجدد.
تكامل التحليلات: أضف Google Analytics 4 (GA4) أو PostHog لتتبع تفاعلات المستخدمين وأدائهم على الصفحة.
النشر: انشر تطبيق Next.js على Vercel أو Netlify، وربطه بقاعدة بيانات Supabase.
تقديم خطط اشتراك متنوعة (مثل مجانية، شخصية، تجارية، للتجارة الإلكترونية) مع مستويات متزايدة من الميزات، ومساحة التخزين، وعرض النطاق الترددي، ودعم النطاقات المخصصة، وأدوات تحسين محركات البحث المتقدمة، ووظائف التجارة الإلكترونية. تعمل الخطة المجانية كأداة لجذب العملاء لتشجيعهم على الترقية مع نمو احتياجاتهم.
بالإضافة إلى خطط الاشتراك الأساسية، يمكن تقديم قوالب مصممة باحترافية للبيع مقابل رسوم لمرة واحدة أو كجزء من الاشتراكات ذات المستوى الأعلى. إنشاء 'مركز تطبيقات' أو 'سوق إضافات' (App Center/Plugin Marketplace) حيث يمكن للمستخدمين شراء تكاملات أو أدوات مساعدة أو وظائف متقدمة (مثل أنظمة الحجز، نماذج متقدمة، لوحات تحليلات) التي يطورها المطورون الخارجيون، مع حصول المنصة على عمولة.
تقديم خدمات تسجيل النطاقات والاستضافة مباشرة من خلال المنصة. يمكن فرض رسوم سنوية على أسماء النطاقات (مثل .com، .net، .org) وتقديم باقات استضافة متدرجة تتجاوز ما هو متضمن في الخطط الأساسية لبناء المواقع. هذا يوفر تدفقًا إضافيًا للإيرادات ويزيد من ولاء المستخدمين من خلال دمج الخدمات.
نحن نمتلك الخبرة لبناء هذا النوع من المنصات من الصفر بأحدث التقنيات. دعنا نحول فكرتك إلى واقع.
تواصل معنا لبناء المشروعأثبتت استراتيجياتنا نجاحها مع أكثر من 500 شركة في الشرق الأوسط. دعنا نبني لك خطة عمل مخصصة (مجاناً).
شركات تثق بنا
نحن نساعد الشركات المشابهة لك على النمو بمعدل 200% سنوياً.
هناك فرص ضائعة في مجالك يمكننا استغلالها فوراً.