مشاهده

فروشگاه اینترنتی خودت را با پوشا بساز.

یک راهکار کامل و یکپارچه برای فروشگاه‌های پوشاک: پنل مدیریت حرفه‌ای، اپلیکیشن مشتری (وب و موبایل) و بک‌اند مستقل — هر سه با معماری مدرن، مولتی‌شعبه‌ای واقعی، سفارش و اعلان Live و سیستم پرداخت آماده.

پنل مدیریت و مستندات API مشاهده معماری سیستم
مولتی‌شعبه‌ایواقعی و کامل Next.js ۱۶App Router ۱۰۰٪تایپ‌اسکریپت
● ● ● script.shop.savisapp.ir
مشاهده نسخه کامل
ساخته‌شده با تکنولوژی‌های مدرن
Next.js 16 (App Router) React 19 Node.js / Express 4 TypeScript 5 MongoDB 8.6 (Mongoose) Socket.IO 4.8 TanStack React Query 5 Zustand 5 Tailwind CSS v4 Vite 7 Capacitor 7 JWT Auth

سه بخش مستقل، یک سیستم یکپارچه.

پنل مدیریت و اپلیکیشن مشتری هر دو مستقیماً با یک بک‌اند و یک پایگاه‌داده مشترک کار می‌کنند؛ هر تغییری در یکی، بدون هیچ sync دستی در دیگری دیده می‌شود.

01

پنل مدیریت

React 19 + Vite + TypeScript
  • مدیریت محصول، سفارش، شعبه
  • جدول‌های پیشرفته با فیلتر و جستجو
  • سفارش زنده با Socket.io
REST API
JWT (نقش Admin/Branch)
02

بک‌اند API

Node.js + Express + MongoDB
  • معماری لایه‌ای Controller → Service → Repository
  • پاسخ یکدست IResponse در هر دو کلاینت
  • اتصال به زرین‌پال و نقشهٔ نشان
REST API
JWT (ورود OTP) + branchCode
03

اپلیکیشن مشتری

Next.js 16 (App Router) + Capacitor
  • رندر ترکیبی سرور/کلاینت (SSR)
  • سبد خرید کوکی‌محور
  • همان سورس، هم وب هم موبایل

فقط یک فروشگاه نیست؛ یک سیستم کامل فروش است.

تمام بخش‌های ضروری یک فروشگاه پوشاک مدرن، در یک پنل یکپارچه.

01 مولتی‌شعبه‌ای واقعی

موجودی، قیمت، ظاهر و مدیر مستقل برای هر شعبه؛ انتخاب شعبه مستقیماً توسط مشتری در اپلیکیشن انجام می‌شود.

02 محصولات پیشرفته

رنگ و سایز با موجودی، قیمت و گالری تصاویر مستقل برای هر ترکیب.

03 سفارش و اعلان Live

سفارش جدید با Socket.io در لحظه در پنل مدیریت ظاهر می‌شود، بدون رفرش صفحه.

04 ارسال هوشمند

محاسبه هزینهٔ ارسال بر اساس فاصلهٔ واقعی آدرس مشتری (نقشهٔ نشان) و تعرفهٔ هر شعبه.

05 ورود امن با OTP

ورود مشتری با شماره موبایل و کد پیامکی؛ بدون نیاز به ثبت رمز عبور.

06 پرداخت آنلاین

اتصال کامل به درگاه زرین‌پال با تأیید دوطرفه و امکان پرداخت مجدد سفارش ناموفق.

07 وبلاگ و سئو

دسته‌بندی بلاگ، نظرات، استوری محصول و ساختار آماده برای سئو.

08 باشگاه مشتریان

مناسبت‌های ویژه و کدهای تخفیف اختصاصی برای افزایش بازگشت مشتری.

09 یک سورس، دو پلتفرم

اپلیکیشن مشتری هم به‌صورت PWA نصب می‌شود، هم با Capacitor به اپ اندروید/iOS تبدیل می‌شود.

یک سیستم، چند شعبه، استقلال کامل.

هر شعبه می‌تواند فروشگاه، موجودی، قیمت‌گذاری، ظاهر، بنر، زمان ارسال و مدیر اختصاصی خود را داشته باشد.

  • ✓ موجودی و قیمت‌گذاری مستقل
  • ✓ رنگ‌بندی و محتوای اختصاصی
  • ✓ مدیر با سطح دسترسی فروشگاه
  • ✓ انتخاب شعبه توسط کاربر
مدیریت شعبه‌ها ● Live

شعبه مرکزی فعال۱۲۴ محصول

شعبه شمال فعال۸۶ محصول

شعبه غرب فعال۹۲ محصول

+ افزودن شعبه جدید

Next.js با App Router — یک سورس، دو خروجی.

اپلیکیشن مشتری با Next.js ۱۶ (App Router) ساخته شده و با Capacitor مستقیماً به اپ اندروید و iOS تبدیل می‌شود. تمام منطق تجاری و state با معماری تمیز و قابل توسعه پیاده‌سازی شده.

رندر ترکیبی SSR + CSR

صفحات اصلی با Server Components رندر می‌شوند و تعامل‌های داینامیک با React Query در سمت کلاینت مدیریت می‌شوند.

دو Axios Instance

یک instance برای Server Components و یک instance برای Client Components — با مدیریت خودکار توکن و branchCode از کوکی.

احراز هویت OTP

ورود فقط با شماره موبایل و کد پیامکی. بدون رمز عبور. توکن در کوکی ذخیره می‌شود تا با SSR سازگار باشد.

سبد خرید کوکی‌محور

state سبد خرید در کوکی نگه‌داری می‌شود (نه localStorage) تا هم در کلاینت و هم در سرور قابل دسترسی باشد.

مولتی‌شعبه واقعی

انتخاب شعبه در ابتدای ورود. تمام محتوا (محصول، دسته‌بندی، سبد) بر اساس branchCode فیلتر می‌شود.

PWA + Capacitor

همان سورس هم به‌صورت PWA نصب می‌شود، هم با Capacitor به اپ native اندروید/iOS پکیج می‌شود.

پنل مدیریت و مستندات API را ببین.

اطلاعات ورود نمونه برای تست پنل مدیریت و Swagger در اختیارتان قرار دارد.

ⓘ Demo Accessپس از ورود می‌توانید محیط واقعی را بررسی کنید.
P پنل مدیریتadminscript.savisapp.ir
شعبه
نام کاربری dress
رمز عبور dress@123
ادمین
نام کاربری admin
رمز عبور admin@123
ورود به پنل ←
S مستندات API (Swagger)api.script.shop.savisapp.ir
Swagger
نام کاربری shop
رمز عبور shop@123
ورود به Swagger ←

مشخصات فنی هر بخش، برای برنامه‌نویس‌ها.

بخش استک فنی ارتباط با داده احراز هویت
پنل مدیریت React 19، Vite 7، TypeScript TanStack Query + Axios JWT — نقش Admin / Branch
اپلیکیشن مشتری Next.js 16 (App Router)، Capacitor SSR + دو axios instance (سرور/کلاینت) JWT — ورود با OTP
بک‌اند Node.js، Express 4، TypeScript MongoDB 8.6 از طریق Mongoose JWT + میان‌افزار نقش‌محور

سوالات متداول برنامه‌نویس‌ها

آیا سورس کامل هر سه بخش تحویل داده می‌شود؟

بله؛ پنل مدیریت (React)، اپلیکیشن مشتری (Next.js) و بک‌اند (Node.js) هر سه به‌صورت کد منبع کامل در اختیار قرار می‌گیرند.

آیا امکان افزودن ماژول یا ویژگی جدید وجود دارد؟

بله. هر سه بخش از یک الگوی معماری یکسان و تکرارشونده پیروی می‌کنند؛ افزودن ماژول جدید یعنی کپی‌کردن همان الگو برای یک موجودیت جدید.

اپ موبایل جداگانه نیاز است؟

خیر. همان اپلیکیشن Next.js با Capacitor مستقیماً به اپ اندروید/iOS پکیج می‌شود؛ یک سورس، دو خروجی.

سیستم مولتی‌شعبه چطور کار می‌کند؟

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

پرداخت از چه درگاهی پشتیبانی می‌کند؟

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

پوشا را تجربه کن؛
بقیه مسیر با تو.

یک پایهٔ قدرتمند برای ساخت و توسعهٔ فروشگاه‌های اینترنتی مدرن.