تطوير متجر إلكتروني متكامل باستخدام Next.js

قمت بتطوير متجر إلكتروني احترافي باستخدام Next.js يوفر تجربة تسوق سلسة وسريعة للمستخدمين. المتجر يدعم عرض المنتجات، تصفح التفاصيل، إضافة إلى السلة، إتمام عملية الشراء، وتسجيل الدخول والتسجيل للمستخدمين.

المهام التي قمت بها:

تصميم وتكويد واجهات المستخدم باستخدام Next.js وTailwind CSS

بناء صفحات رئيسية، صفحة تفاصيل المنتج، سلة المشتريات، وواجهة الدفع

تنفيذ نظام مصادقة (تسجيل دخول / تسجيل حساب)

ربط الواجهة الأمامية بقاعدة بيانات MongoDB عبر API مخصص

رفع صور المنتجات وتخزين البيانات (اسم، وصف، سعر، تصنيفات، مخزون)

حماية الصفحات الخاصة بالمستخدمين باستخدام Middleware

إضافة إشعارات تفاعلية باستخدام SweetAlert2 وReact Hot Toast

تحسين الأداء وتجربة المستخدم

ضمان توافق التصميم مع جميع الأجهزة (Responsive Design)

المكتبات والتقنيات المستخدمة:

Next.js – React.js

Tailwind CSS – Bootstrap Icons

Axios – React Query

Formik – Yup

MongoDB – Mongoose

SweetAlert2 – React Hot Toast – Swiper

النتيجة:

متجر إلكتروني احترافي، متجاوب، وسريع الاستجابة، جاهز للربط مع بوابات الدفع وأنظمة إدارة الطلبات.