TENSHOP Global Commerce
چالش
طراحی یک فروشگاه آنلاین چندزبانه کار سادهای نیست؛ اما مسئلهی ما فقط ترجمه نبود. هدف، ساخت یک پلتفرم واحد بود که همزمان به کاربران فارسیزبان (RTL) و انگلیسیزبان (LTR) سرویس بدهد، بدون دو شاخه شدن کدبیس.
Design System
Cream White
#FAF7F0
Gold/Amber
#FACC15
Maroon Rose
#B53550
هماهنگ نگهداشتن دیکشنریهای زبانی (dictionaries/fa.json) و تغییر جهت بصری رابط کاربری بهصورت داینامیک، معماری دقیق در سطح Routing و Layout Direction را ضروری میکرد. این همان نقطهای بود که بیشتر پروژهها از هم میپاشند.
راهحل
با تکیه بر App Router در Next.js، زبان را به عنوان یک پارامتر ساختاری در مسیر ([lang]) تعریف کردیم تا هر زبان با SSR مستقل رندر شود و سئوی هر نسخه نیز بهینه باقی بماند.
در سمت کلاینت، یک لایهی پایدار مبتنی بر Redux Toolkit ساختیم تا وضعیتهایی مثل سبد خرید و تنظیمات کاربر حتی هنگام تغییر زبان یا رفرش صفحه حفظ شوند. این معماری پایدار باعث شد مسیر خرید بدون گسست ادامه پیدا کند و Bounce Rate در مراحل کلیدی فروش کاهش چشمگیری پیدا کند.