منصة تجارة إلكترونية باستخدام Next.js 15 - من الألف إلى الياء

في هذا الدرس المتقدم، سننشئ منصة تجارة إلكترونية متكاملة باستخدام Next.js 15، تشمل متجرًا عصريًا، ونظام سلة مشتريات، ومدفوعات آمنة، وإدارة الطلبات، ولوحة تحكم كاملة للمسؤول.

نظرة عامة على المشروع

ميزات المنصة

ستتضمن منصة التجارة الإلكترونية لدينا الميزات التالية:

• كتالوج المنتجات: العرض، المرشحات، البحث، التصنيفات
• المصادقة: التسجيل، تسجيل الدخول، الملفات الشخصية للمستخدمين
• سلة المشتريات: الإضافة/الحذف، الكميات، الاحتفاظ بالبيانات
• عملية الطلب: الدفع (Checkout)، العناوين، طرق التوصيل
• المدفوعات: التكامل مع Stripe وPayPal والبطاقات المصرفية
• إدارة الطلبات: التتبع، السجل، الحالات
• لوحة تحكم المسؤول: إدارة المنتجات والطلبات والمستخدمين
• المخزون: إدارة المخزون والتنبيهات
• المراجعات: آراء العملاء والتقييمات والتعليقات
• قائمة الأمنيات (Wishlist): قائمة أمنيات مخصصة

التقنيات المستخدمة مع Next.js 15

• الواجهة الأمامية: Next.js 15 وReact 19 وTypeScript وTailwind CSS
• الواجهة الخلفية: App Router وServer Actions وAPI Routes
• قاعدة البيانات: PostgreSQL مع Prisma ORM
• المدفوعات: Stripe وPayPal SDK
• المصادقة: NextAuth.js v5
• الصور: تحسين الصور في Next.js (Image Optimization) وCloudinary
• الحالة العامة: Zustand لإدارة السلة
• التحقق من صحة البيانات: Zod مع React Hook Form
• البريد الإلكتروني: Resend للإشعارات
• النشر: Vercel مع Edge Functions