پرش به محتوا
بازگشت به پروژه‌ها

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

05

پروژه نمونه‌کار · فروشگاه دوزبانه

Selvage

فروشگاه اینترنتی دوزبانه (فارسی/انگلیسی) برای گجت‌های تکنولوژی: ویترین محصول با فیلتر، صفحه جزئیات، سبد خرید و بخش «خودت بساز». پروژه‌ای پورتفولیویی که کامل و قابل اجراست ولی هنوز دیپلوی نشده.

نقش

طراح و توسعه‌دهنده فرانت‌اند

فناوری

  • Next.js / React · App Router, SSG, two locales
  • PHP / Vanilla JS · Classic no-build port for WordPress
  • i18n · fa/en, RTL/LTR
  • CSS / Motion · Catalog design system
●localhost · self-hosted
2026
Selvage shop homepage screenshot

نقش AI در این پروژه با همراهی AI

متن‌های فارسی را چند دور بازنویسی کردم تا لحن طبیعی و محاوره‌ای داشته باشند، نه ترجمه ماشینی.

نسخه‌های مختلف

همان پروژه، سه اندازه. نماهای دسکتاپ، تبلت و موبایل.

●دسکتاپ · 1280×800
2026
Selvage shop desktop homepage
Selvage shop tablet homepage
تبلت · 820×1180
Selvage shop mobile homepage
موبایل · 390×844

معماری سطح بالا

USER
NEXT.JS / PHP
PRODUCT DATA
CART
FA / EN

05 · Selvage · © 2026

مساله

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

رویکرد

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

معماری

  • کاربر ← Next.js یا PHP ← داده محصول ← سبد خرید.
  • دو زبان با مسیرهای جدا و چیدمان راست‌چین/چپ‌چین.

فناوری

  • Next.js / TypeScript
  • PHP / Vanilla JS
  • CSS design system
  • i18n routing

چالش‌ها

  • طبیعی نگه داشتن فارسی در همه صفحه‌ها، از دکمه تا پیام خطا.
  • یکسان نگه داشتن ظاهر و رفتار در دو پیاده‌سازی متفاوت.

نتیجه

  • فروشگاهی که هم فارسی‌زبان‌ها و هم انگلیسی‌زبان‌ها راحت باهاش کار می‌کنند.
  • آماده برای تبدیل به قالب وردپرس بدون بازنویسی منطق.