النظام الخلفي هو من يُسعّر كل طلب ويصرّح به؛ ولا يُؤتمن المتصفّح على المال.

1. 1يفتح المتسوّق صفحة إتمام الدفع؛ فتُحمَّل العناوين المحفوظة وأي كوبونات لديه، ويُختار العنوان الافتراضي تلقائيًا
2. 2اختيار البطاقة يُنزّل Stripe.js عند الحاجة ويضيف رسم الخدمة المقود بالإعدادات؛ أمّا اختيار الدفع عند الاستلام فيتخطّاه تمامًا
3. 3يُطبَّق كوبون من مكافآت المتسوّق أو يُكتب يدويًا، ويتحقّق منه النظام الخلفي مقابل إجمالي السلّة
4. 4في حالة البطاقة يُعيد النظام الخلفي سرّ الدفع، وتجمع Stripe Elements بيانات البطاقة، ثم يُنهي استدعاء تأكيد الطلب؛ أمّا في الدفع عند الاستلام فيُنشئ النظام الخلفي الطلب مباشرة
5. 5تُفرَّغ السلّة وتظهر شاشة تأكيد متحرّكة تعرض رقم الطلب وجدولًا زمنيًا لما سيحدث تاليًا

رابط مشاركة يتحوّل إلى حساب مُحال ومُوثَّق دون مغادرة مسار الشراء.

1. 1يصل المتسوّق عبر رابط تسجيل يحمل رمز إحالة، فيُلتقط الرمز ويُملأ مسبقًا
2. 2يُدخل اسمًا ورقم هاتف أو بريدًا إلكترونيًا وكلمة مرور، مع تحقّق فوري أثناء الإدخال
3. 3يُرسل النظام الخلفي رمزًا من ستة أرقام؛ وتنتقل الواجهة إلى خطوة تحقّق فيها خيار إعادة الإرسال
4. 4عند التحقّق يُنشأ الحساب وتُخزَّن الرموز ويُربط المُحيل ويُمنح كوبون ترحيبي
5. 5يعود المتسوّق إلى حيث كان — فيستأنف إتمام الدفع إن كان في منتصفه، وإلا فإلى الصفحة الرئيسية

رمز QR على الطرد يُغلق الدائرة — يؤكّد الاستلام، ويُثبت الأصالة، ويدعو إلى التقييم.

1. 1على طلب في عهدة شركة الشحن، يضغط المشتري على «امسح لتأكيد الاستلام» (أو يعلّمه مستلَمًا يدويًا)
2. 2يفتح ماسح الكاميرا، مع بديل بإدخال الرمز أو الرابط يدويًا، ويفكّ ترميز رمز الطرد
3. 3يتحقّق النظام الخلفي من أن الرمز أصلي وأنه يخصّ هذا الطلب، ثم يعلّمه مُسلَّمًا
4. 4تُفتح دعوة للتقييم؛ فيقيّم المشتري كل منتج استلمه بالنجوم وبتعليق
5. 5تُحدَّث صفحة الطلب إلى حالته المُسلَّمة والمُقيَّمة

كيف تُقدَّم صفحة المتجر بسرعة وبصورة صحيحة في أي من اللغتين وبأي عملة.

1. 1تُولَّد مسارات اللغات مسبقًا عند البناء، مع تثبيت اللغة والاتجاه الصحيحين داخل HTML
2. 2يجلب مكوّن على الخادم بيانات ما يظهر أعلى الصفحة مسبقًا ويُدرجها فيها بصيغة مُجفَّفة
3. 3يُحيي المتصفّح تلك الذاكرة المؤقتة، وتُبقيها TanStack Query حيّة دون إعادة جلب ما لديها أصلًا
4. 4عند التحميل يُطبّق مُوفِّقٌ العملةَ واللغةَ المحفوظتين للزائر، فيُبطل الاستعلامات المتأثّرة وحدها لتتحدّث الأسعار والترجمات دون وميض
5. 5تبديل اللغة يقلب التخطيط إلى الاتجاه من اليمين إلى اليسار ويستبدل بالخطوط خطوطَ نستعليق؛ وتبديل العملة يعيد جلب الأسعار المحوّلة على الخادم