إعداد المتجر

فعّل الحسابات ولوحة التحكم في خطوات واضحة

دليل تفعيل Supabase

الصفحات جاهزة في الكود — تحتاج ربط Supabase لتعمل

Supabase مربوط

1
أنشئ مشروع Supabase
سجّل في supabase.com وأنشئ مشروعاً جديداً
فتح لوحة Supabase
املأ ملف .env.local
انسخ المفاتيح من Project Settings > API: URL و anon key و service_role key
.env.local
3
شغّل ملفات SQL
في SQL Editor شغّل بالترتيب:
- supabase/seeds/reset-fresh.sql
- supabase/schema/schema-v2.sql
- supabase/seeds/seed.sql
- supabase/schema/storage.sql
4
فعّل المصادقة
URL Configuration + Google + Authentica للجوال. لا تحتاج صفحة OAuth Apps.
1) URL Configuration في Supabase
Authentication > URL Configuration — أضف Site URL وقائمة Redirect URLs أدناه.
فتح URL Configuration
Site URL (الإنتاج)
https://www.rawad-ads.com
Redirect URLs (انسخ الكل)
- http://localhost:3000/auth/callback
- http://localhost:3000/**
- http://localhost:3001/auth/callback
- http://localhost:3001/**
- http://localhost:3002/auth/callback
- http://localhost:3002/**
- http://127.0.0.1:3000/auth/callback
- http://127.0.0.1:3000/**
- http://127.0.0.1:3001/auth/callback
- http://127.0.0.1:3001/**
- https://www.rawad-ads.com/auth/callback
- https://www.rawad-ads.com/**
- https://rawad-ads.com/auth/callback
- https://rawad-ads.com/**
- https://watar.rawad-ads.com/auth/callback
- https://watar.rawad-ads.com/**
- https://solutions.rawad-ads.com/auth/callback
- https://solutions.rawad-ads.com/**
- https://signage.rawad-ads.com/auth/callback
- https://signage.rawad-ads.com/**
- https://health.rawad-ads.com/auth/callback
- https://health.rawad-ads.com/**
- https://tech.rawad-ads.com/auth/callback
- https://tech.rawad-ads.com/**
- https://only-for-you-navy.vercel.app/auth/callback
- https://only-for-you-navy.vercel.app/**
- https://*-zxc50zxc.vercel.app/auth/callback
رابط callback التطبيق
https://www.rawad-ads.com/auth/callback
2) Google Provider
Authentication > Providers > Google — فعّل وألصق Client ID/Secret من Google Cloud.
فتح إعدادات Google في Supabase
Authorized redirect URI في Google Cloud (ليس رابط موقعك)
https://xeoqxeqiaheapziosvzk.supabase.co/auth/v1/callback
Authorized JavaScript origins في Google Cloud
- http://localhost:3000
- http://localhost:3001
- http://localhost:3002
- http://127.0.0.1:3000
- http://127.0.0.1:3001
- https://www.rawad-ads.com
- https://rawad-ads.com
- https://watar.rawad-ads.com
- https://solutions.rawad-ads.com
- https://signage.rawad-ads.com
- https://health.rawad-ads.com
- https://tech.rawad-ads.com
- https://only-for-you-navy.vercel.app
تخطَّ Authentication > OAuth Apps — غير مطلوبة لمنصة رواد التقدم.
3) صلاحية المسؤول (staff)
بعد أول تسجيل دخول من /ar/admin/login، شغّل في SQL Editor:
فتح SQL Editor
التحقق من فريق المتجر
select id, email, full_name from public.staff;
ربط حساب المسؤول في جدول staff
insert into public.staff (id, email, full_name) select id, email, coalesce(raw_user_meta_data->>'full_name', split_part(email, '@', 1)) from auth.users where email = 'zxc50zxcc@gmail.com' on conflict (id) do update set email = excluded.email, full_name = coalesce(excluded.full_name, public.staff.full_name);
تفعيل Authentica (دخول العملاء بالجوال)
بوابة العميل تعتمد على Authentica — بدون المفتاح لن يُرسل OTP.
1. أنشئ حساباً مجانياً (100 تحقق مجاني)
2. أنشئ تطبيقاً وانسخ API Key
3. أضف المفتاح في .env.local و Vercel ثم Redeploy
4. جرّب /ar/login أو npm run verify:portal
AUTHENTICA_API_KEY=<your_key_from_portal>
دليل OTP — Authentica

اربط حسابك في staff

سجّل من /ar/admin/login ثم شغّل في SQL Editor:

insert into public.staff (id, email, full_name)
select id, email, coalesce(raw_user_meta_data->>'full_name', split_part(email, '@', 1))
from auth.users
where email = 'zxc50zxcc@gmail.com'
on conflict (id) do update
  set email = excluded.email,
      full_name = coalesce(excluded.full_name, public.staff.full_name);

أعد تشغيل الموقع
npm run dev أو Redeploy على Vercel ثم جرّب /ar/login

صفحة الدخول لوحة التحكم

قائمة التحقق

ملف .env.local مملوء بمفاتيح حقيقية
تشغيل schema-v2 (customers + staff)
NEXT_PUBLIC_SITE_URL = رابط الإنتاج على Vercel
AUTHENTICA_API_KEY مفعّل لدخول الجوال
صف staff فيه مسؤول واحد على الأقل

بعد التفعيل، هذه الصفحات ستعمل:

/ar/login — تسجيل دخول العملاء (جوال)
/ar/account — حساب العميل وطلباته
/ar/admin/login — دخول المسؤولين
/ar/admin — لوحة التحكم (للمسؤول فقط)
/ar/admin/brands/watar/products/new — إضافة منتج ورفع صور/فيديو

insert into public.staff (id, email, full_name) select id, email, coalesce(raw_user_meta_data->>'full_name', split_part(email, '@', 1)) from auth.users where email = 'zxc50zxcc@gmail.com' on conflict (id) do update set email = excluded.email, full_name = coalesce(excluded.full_name, public.staff.full_name);