متجر إلكتروني متكامل واحترافي بتقنية Next.js و Firebase

هل تحلم بإطلاق متجرك الإلكتروني الخاص بأسرع وقت وبأعلى جودة؟

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

الميزات الرئيسية (واجهة العميل)

تصميم احترافي ومتجاوب: واجهات عصرية تتكيف بسلاسة مع جميع أحجام الشاشات (موبايل، تابلت، كمبيوتر).

صفحة رئيسية ديناميكية:

شرائح عرض إعلانية (Slider) جذابة يمكن للمدير التحكم بها بالكامل.

أقسام "أحدث العروض" و "الأكثر مبيعًا" تدار من لوحة التحكم.

قسم "تسوق حسب الماركة" لعرض العلامات التجارية.

عرض المنتجات التي شاهدها العميل مؤخرًا.

نظام بحث متقدم: بحث فوري (Live Search) يعرض النتائج مباشرة أثناء الكتابة.

فلترة متقدمة للمنتجات: نظام فلترة احتراfi يسمح للعملاء بتصفية المنتجات حسب السعر، العلامة التجارية، والمواصفات (حجم الشاشة، الدقة، إلخ).

صفحات فئات ديناميكية: صفحات مخصصة لكل فئة (مثل: شاشات الألعاب، شاشات 4K) تدار تلقائيًا.

سلة مشتريات ذكية:

حساب تلقائي ودقيق لرسوم الشحن والضريبة.

تطبيق تلقائي للشحن المجاني عند تجاوز حد معين.

نظام دفع متكامل:

يدعم الدفع بالبطاقة الائتمانية عبر بوابة الدفع Kashier.

يدعم الدفع عند الاستلام.

نظام حسابات احترافي:

صفحات تسجيل دخول وإنشاء حساب بتصميم احتراfi.

صفحة "ملف شخصي" تسمح للعميل بحفظ وتعديل بياناته (الاسم، العنوان، الهاتف).

صفحة "طلباتي" لعرض سجل الطلبات السابقة وتتبع حالتها.

لوحة تحكم المدير (Admin Panel)

لوحة تحكم قوية وآمنة تمنحك السيطرة الكاملة على متجرك:

تحليلات متقدمة: رسوم بيانية تفاعلية تعرض ملخص المبيعات الشهرية والإيرادات.

إدارة المنتجات: إضافة، تعديل، وحذف المنتجات مع جميع تفاصيلها (صور، متغيرات ألوان، كميات، مواصفات).

إدارة التصنيفات: القدرة على تمييز المنتجات كـ "عرض اليوم"، "الأكثر مبيعًا"، أو "وصل حديثًا" لعرضها في الصفحة الرئيسية.

إدارة الطلبات: عرض جميع الطلبات، الاطلاع على تفاصيلها الكاملة، وتحديث حالتها (قيد الانتظار، تم الشحن، مدفوع، إلخ).

إدارة المستخدمين: عرض جميع العملاء المسجلين وترقية أي مستخدم إلى صلاحية "مدير".

إدارة الشرائح الإعلانية: تحكم كامل في الشرائح التي تظهر في الصفحة الرئيسية.

إعدادات المتجر: التحكم في إعدادات الموقع الرئيسية مثل سعر الشحن، نسبة الضريبة، وحد الشحن المجاني.

التقنيات المستخدمة

إطار العمل: Next.js 14 (App Router)

الواجهة الأمامية: React, Tailwind CSS

قاعدة البيانات: Firebase Firestore (NoSQL)

المصادقة والصلاحيات: Firebase Authentication with Custom Claims

تخزين الصور: Cloudinary

بوابة الدفع: Kashier

الواجهة الخلفية: Next.js API Routes & Server Actions

ماذا ستحصل عليه؟

الكود المصدري الكامل للمشروع (Frontend & Backend).

ملفات الإعداد اللازمة.

تعليمات واضحة حول كيفية تشغيل المشروع وتخصيصه.

هذا المشروع هو فرصتك المثالية لإطلاق عملك التجاري عبر الإنترنت أو كنقطة انطلاق قوية لمشاريعك القادمة.