متجر الأثاثمكتمل
قالب متجر أثاث إلكتروني
متجر أثاثٍ للمفروشات المنزلية، بقوائم منتجات وتصفيةٍ وواجهةٍ نظيفة. مبني بـ Next.js 16 ومنشور على Vercel.
الأثاث يُباع بالصورة، ولذلك تتصدّر الصورُ هذا المتجر: تصفّحْ حسب الغرفة والطراز، وصفِّ ضمن ميزانيتك، وافتحْ أي قطعةٍ على معرضٍ كامل. سريعٌ بلا تعقيد على Vercel.
ما الذي يحلّه
- يحتاج تجار الأثاث إلى عرضٍ بصورٍ واضحة وتصفيةٍ حسب الغرفة والطراز والسعر.
- وتحديث الكتالوج يدوي، دون أداة إدارةٍ ذاتية.
- ولا يملك العميل وسيلةً لتتبّع طلبه، فيبدو التنفيذ غامضًا.
الأثر
Product catalog
مجموعة الأثاث
Filtering & search
تصفّحٌ حسب الفئة
البنية
الواجهة الأمامية
Next.js 16React 19TypeScriptTailwind CSS 4Radix UI
عرض المنتجات
Embla Carousel (high-res furniture images)
الرسوم
Recharts (future analytics)
النماذج
React Hook FormZod
الخلفية
Vercel Serverless
التحليلات
Vercel Analytics
تدفّق البيانات
- تصفح الرئيسية → شريط الفئات
- تصفية حسب الغرفة / الطراز / السعر
- النقر على الأثاث → تفاصيل مع عارض دوّار
- عرض المواصفات والأبعاد والخامات
- الإضافة للسلة (localStorage)
- الدفع (الدفع والشحن على خارطة الطريق)
القرارات الهندسية
تصميمٌ تقوده الصورة
معارض دوّارة كبيرة لكل قطعة تبني الثقة البصرية التي يطلبها مشتري الأثاث.
شريطٌ جانبي للفئات والتصفية
تصفّحٌ حسب نوع الغرفة ونطاق السعر والخامات من شريطٍ جانبي ثابت.
مُولَّد بـ v0.app
تصميمٌ سريع بأقلّ قدرٍ من الكود المخصّص، مُزامَنٌ من v0.app.
معرض الصور
