Next.jsGSAPZustandReactTypeScriptPrismaPostgreSQLTailwind CSS

فروشگاه تخصصی محصولات اکوسیستم اپل با قیمت‌گذاری پویا

فروشگاهی که قیمت تمام کالاها را از نرخ ارز و حاشیهٔ سود تعیین‌شده در پنل مدیریت محاسبه می‌کند؛ به‌همراه صفحهٔ نخست اسکرول‌محور، سبد خرید کشویی، پیش‌خرید و صفحهٔ رویدادهای زنده.

  • نوع پروژه: فروشگاه اینترنتی تخصصی
  • کارفرما: یک فروشندهٔ مستقل و تخصصی محصولات اکوسیستم اپل در بازار ایران (نام کارفرما بنا بر توافق محرمانه منتشر نمی‌شود)
  • نقش سپرو وب: ساخت اسکلت فروشگاه، موتور قیمت‌گذاری، سبد خرید و سرویس‌های عمومی
  • وضعیت: در حال توسعه — بخشی از صفحات داخلی و پنل مدیریت هنوز با دادهٔ نمایشی کار می‌کنند و احراز هویت نصب شده اما هنوز متصل نشده است

این پروژه یک فروشگاه مستقل است؛ سپرو وب و کارفرما هیچ‌گونه وابستگی، نمایندگی، مجوز رسمی یا همکاری تجاری با شرکت Apple Inc. ندارند و نام محصولات صرفاً برای توصیف دستهٔ کالای فروشگاه به کار رفته است.

مسئله‌ای که حل کردیم

در بازاری که قیمت کالای وارداتی مستقیماً به نرخ ارز گره خورده است، به‌روزرسانی دستی قیمت‌ها هم پرزحمت است و هم پرخطا؛ کافی است یک کالا از قلم بیفتد تا فروشنده ضرر کند. راهکار این بود که قیمت هیچ کالایی به‌صورت عددی ثابت ذخیره نشود.

آنچه طراحی و پیاده‌سازی کردیم

مدیر فروشگاه فقط دو عدد را تعیین می‌کند: نرخ تبدیل ارز و حاشیهٔ سود. یک محاسبهٔ مشترک، قیمت تومانی همهٔ کالاها را از همین دو عدد استخراج می‌کند؛ بنابراین یک تغییر، بی‌درنگ در سراسر فروشگاه اعمال می‌شود و امکان ناهماهنگی بین صفحه‌ها از بین می‌رود.

در کنار این موتور، صفحهٔ نخست با یک روایت اسکرول‌محور طراحی شد، کاتالوگ محصولات با گزینه‌های مختلف هر کالا ساخته شد و سبد خرید به‌صورت یک کشوی کناری درآمد تا مشتری از مسیر خرید خارج نشود. دو قابلیت ویژه هم اضافه شد: سامانهٔ پیش‌خرید برای کالاهایی که هنوز عرضه نشده‌اند، و یک صفحهٔ زنده برای پوشش رویدادهای معرفی محصول.

یادداشت صادقانه: این پروژه هنوز در حال توسعه است. صفحهٔ نخست، اسکلت فروشگاه، سبد خرید و سرویس‌های عمومی پیاده‌سازی شده‌اند؛ چند صفحهٔ داخلی و پنل مدیریت هنوز دادهٔ نمایشی نشان می‌دهند.

مقیاس پروژه

  • ۱۰ مدل داده در پایگاه دادهٔ پروژه
  • موتور قیمت‌گذاری پویا بر پایهٔ نرخ ارز و حاشیهٔ سود
  • سامانهٔ پیش‌خرید و صفحهٔ رویداد زنده

معماری فنی

فروشگاه با Next.js 16 و React 19 و TypeScript ساخته شده و لایهٔ داده Prisma 7 روی PostgreSQL است. وضعیت سبد خرید با Zustand مدیریت می‌شود و حرکت‌های اسکرول‌محور صفحهٔ نخست با GSAP اجرا می‌شوند.

ویژگی‌ها

آنچه این پروژه دارد.

  • قیمت‌گذاری پویا از نرخ ارز و حاشیهٔ سود قابل تنظیم
  • یک محاسبهٔ مشترک به‌عنوان تنها منبع قیمت در کل فروشگاه
  • صفحهٔ نخست با روایت اسکرول‌محور
  • کاتالوگ محصولات با گزینه‌های متنوع هر کالا
  • سبد خرید کشویی بدون خروج از مسیر خرید
  • سامانهٔ پیش‌خرید کالاهای عرضه‌نشده
  • صفحهٔ زندهٔ پوشش رویدادهای معرفی محصول
پروژه‌های مرتبط

در همین زمینه.

همکاری

پروژه‌ای مشابه دارید؟

شروع پروژهبازگشت به نمونه‌کارها
فروشگاه تخصصی با قیمت‌گذاری پویا | نمونه‌کار سپرو وب | سپرو وب