نظرة عامة
موقع تجارة إلكترونية مبني بالكامل من الصفر (بدون قوالب جاهزة)، يغطي الفرونت إند، الباك إند، قاعدة البيانات، ولوحة تحكم كاملة لإدارة الموقع بالكامل.
التقنيات والبنية التحتية
Frontend/Backend: Next.js (React, TypeScript)، يتعامل مع server-side rendering و API routes الخاصة بكتالوج المنتجات، السلة، الدفع، وعمليات لوحة التحكم
الاستضافة: Vercel، مع edge CDN caching وخط نشر محسّن (build/deploy pipeline)
DNS: Cloudflare، مستخدم لإدارة الـ DNS وتحسين الأداء أمام Vercel
قاعدة البيانات: Supabase (PostgreSQL)، تخزّن بيانات المنتجات، الطلبات، المستخدمين، ومحتوى الموقع، مع Row Level Security وfunctions/triggers مخصصة
التصميم: Tailwind CSS
الفرونت إند
واجهة مصممة بالكامل من الصفر (بطاقات منتجات مستوحاة من قالب Rey مع تأثيرات hover)
قسم Hero متجاوب، تم تحسينه بشكل منفصل للديسكتوب والموبايل
الباك إند ولوحة التحكم
لوحة تحكم مخصصة مبنية بـ React/TypeScript لإدارة:
المنتجات (إضافة، تعديل، حذف، المخزون)
الطلبات
محتوى وصفحات الموقع (محرر مرئي للصفحات)
تحسين محركات البحث SEO
تطبيق SEO تقني على صفحات المنتجات والتصنيفات (metadata، structured data، تحسين الأداء لـ Core Web Vitals)
