أنشئ حساباً مجانياً على Supabase

افتح موقع supabase.com واضغط "Start your project". سجّل بحساب Google (Gmail) بضغطة واحدة — لا حاجة لكلمة مرور جديدة.

أنشئ مشروعاً جديداً

بعد تسجيل الدخول، اضغط "New Project". أعطه اسماً أيًا كان، واختر المنطقة الأقرب لك، ثم اضغط "Create new project". انتظر دقيقة حتى يجهز.

انسخ الرابط والمفتاح

من القائمة اليسرى في Supabase، اضغط على Project Settings (أيقونة الترس) ثم API. ستجد:
- Project URL: انسخه والصقه في خانة "رابط مشروع Supabase" أعلاه.
- anon public: انسخه والصقه في خانة "المفتاح العام" أعلاه.

أنشئ مخزن الصور (Bucket)

من القائمة اليسرى، اضغط Storage ثم New bucket. سَمّه product-images، وفعّل خيار Public bucket ثم احفظ.

أنشئ جدول المنتجات (مرة واحدة)

من القائمة اليسرى، اضغط SQL Editor ثم New query. انسخ الكود التالي والصقه هناك، ثم اضغط Run:

فعّل سياسات الصور (مرة واحدة)

في نفس SQL Editor، الصق هذا الكود واضغط Run (يتيح رفع وحذف الصور):

فعّل جدول المنتجات المنشورة (مرة واحدة)

في Supabase، افتح SQL Editor والصق الكود التالي ثم اضغط Run (ينشئ جدول published_products الذي تقرأ منه الصفحة الرئيسية لعرض منتجاتك تلقائياً):

فعّل جدول إعدادات المتاجر (مرة واحدة)

في Supabase، افتح SQL Editor مرة أخرى والصق الكود التالي ثم اضغط Run (ينشئ جدول store_settings لإدارة إعدادات SEO وأكواد التتبع لكل متجر):

فعّل جدول إعدادات التطبيق (مرة واحدة)

في Supabase، افتح SQL Editor مرة أخرى والصق الكود التالي ثم اضغط Run (ينشئ جدول app_settings لتفعيل ميزة حفظ واسترجاع الإعدادات، وجدول app_profiles لتفعيل ميزة النسخ المتعددة لعدة متاجر):

حماية بياناتك: إنشاء دالة تتبع الزوار (Edge Function) — مهم جداً

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

الخطوات:

1. في لوحة Supabase، اذهب إلى Edge Functions من القائمة الجانبية.
2. اضغط New Function (أو Deploy New Function).
3. اسم الدالة: track-visit
4. الصق الكود التالي في المحرر:

إيقاف التحقق من JWT — خطوة ضرورية لعمل الزيارات:

صفحاتك المنشورة ترسل بيانات الزيارة بدون أي مفتاح (حماية لبياناتك). لكن Supabase يرفض هذه الطلبات افتراضياً لأنه يطلب مفتاح JWT. يجب إيقاف هذا التحقق حتى تقبل الدالة الطلبات العامة:

1. في لوحة Supabase، اذهب إلى Edge Functions من القائمة الجانبية.
2. اضغط على اسم الدالة track-visit (أو رابطها مثل https://xxx.supabase.co/functions/v1/track-visit).
3. اضغط على تبويب Settings في أعلى الصفحة.
4. ابحث عن خيار Verify JWT — ستجده مفعّلاً (ON).
5. أوقف الخيار (OFF).
6. اضغط Save changes لحفظ الإعداد.

ملاحظات:

• الدالة تستخدم مفتاح الخدمة (Service Role Key) المخفي على السيرفر — لا يظهر لأي زائر.
• الصفحات المنشورة ترسل بيانات الزيارة فقط (الصفحة، المصدر، نوع الجهاز) إلى رابط الدالة.
• حتى لو وجد شخص الرابط، لا يمكنه قراءة منتجاتك أو جدوالك الأخرى.
• تتبع الزوار يستمر في العمل بشكل طبيعي بعد هذا الإعداد.
• يجب إعادة نشر صفحاتك القديمة بعد إنشاء الدالة لتعمل الحماية.

أنشئ حساباً مجانياً على Netlify

افتح app.netlify.com وسجّل الدخول بحساب GitHub أو Google أو البريد الإلكتروني. الخطة المجانية تكفي تماماً (100GB بيانات شهرياً).

أنشئ توكن الوصول (Personal Access Token)

من صفحة Netlify، اضغط على صورتك في أعلى اليمين ثم User settings، ثم Applications في القائمة الجانبية. انزل لأسفل إلى قسم Personal access tokens واضغط New access token. أعطه اسماً مثل "موقع المتجر" وانسخ التوكن الناتج.

الصق التوكن في الموقع

ارجع لموقعك هنا والصق التوكن في خانة "توكن Netlify" أعلاه، ثم اضغط "اتصال". سيتم التحقق من التوكن وربط حسابك.

أنشئ موقعك الأول

في خانة "اسم الموقع"، اكتب اسماً بالإنجليزية (مثل my-shop) واضغط "إنشاء موقع جديد". سيصبح رابطك: my-shop.netlify.app.

اربط Supabase وفعّل الجداول (مرة واحدة)

لعرض جميع منتجاتك تلقائياً في الصفحة الرئيسية وتتبع الزوار، يجب ربط حسابك على Supabase وإضافة جداول SQL. كل ذلك موجود في مكان واحد: قسم «إعدادات الاتصال» — اتبع الخطوات 1 إلى 10 في دليل الإعداد هناك.

انشر منتجاتك!

الآن اكتب رابط المنتج (slug) مثل red-phone واضغط "نشر المنتج". سيصبح على رابط my-shop.netlify.app/red-phone.html. اضغط "نشر الصفحة الرئيسية" مرة واحدة لإنشاء الصفحة التي تعرض جميع منتجاتك.