E-commerce Website متجر إلكتروني احترافي – Next.js | TypeScript | Tailwind | Prisma
تفاصيل العمل
قمت بتطوير متجر إلكتروني احترافي كامل باستخدام أحدث تقنيات الويب. المشروع يتميز بواجهة مستخدم جذّابة، أداء عالي، وتجربة مستخدم سلسة على مختلف الأجهزة.
التقنيات المستخدمة
Next.js 14 (App Router)
TypeScript
Tailwind CSS
Prisma ORM
MongoDB
NextAuth (JWT Authentication)
Vercel Deployment
مميزات المشروع
بناء نظام تسجيل دخول باستخدام NextAuth وجلسات آمنة في الـ Production.
صفحة رئيسية ديناميكية مع عرض المنتجات.
صفحة تفاصيل لكل منتج مع إمكانية الإضافة إلى عربة التسوّق.
عربة مشتريات تعمل لحظيًا (Real-time Refresh Context).
حماية الصفحات الخاصة Protect Routes.
تصميم كامل متجاوب لجميع الشاشات (Responsive).
استعلام بيانات المنتجات من قاعدة البيانات باستخدام Prisma.
توست تنبيه ناجح عند إضافة المنتج للسلة (Sonner Toast).
نشر المشروع بالكامل على Vercel مع إعدادات Production جاهزة.
روابط العمل
الموقع المباشر:
ما الذي يميز المشروع؟
كود نظيف ومنظم باستخدام TypeScript.
استخدام App Router الذي يعتبر أحدث ما في Next.js.
تجربة مستخدم مريحة وسريعة جدًا.
قابل للتطوير بسهولة لإضافة: الدفع الإلكتروني – لوحة تحكم – إدارة مخزون – كوبونات.