پیاده‌سازی فرانت‌اند فروشگاه با Next.js بر اساس فیگما

خلاصه پروژه یک فروشگاه آنلاین با طرح‌های نهایی فیگما و تصاویر مرجع داریم. نیازمند پیاده‌سازی فرانت‌اند با Next.js (App Router) به‌صورت تمیز، بهینه و مقیاس‌پذیر هستیم. پروژه باید چندزبانه با پشتیبانی کامل RTL/LTR (مثلاً فارسی/عربی/کردی و انگلیسی/ترکی) اجرا شود. دامنه کار • تبدیل دقیق صفحات فیگما به کد React/Next.js به‌صورت Pixel-Perfect و ریسپانسیو (موبایل/تبلت/دسکتاپ). • پیاده‌سازی i18n با سوییچ پویا RTL/LTR (بی‌نیاز از رفرش). • بهینه‌سازی Core Web Vitals، بهبود Lighthouse (Performance/Accessibility/SEO)، استفاده از Image Optimization. • رعایت Accessibility (ARIA/WAI) و الگوهای UX تعریف‌شده در مستند. • آماده‌سازی اسکلتی برای اتصال به API (استفاده از موک‌دیتا تا زمان اتصال). تحویل‌دادنی‌ها • کد تمیز و ماژولار در ریپوزیتوری (README و دستور اجرا برای Dev/Prod). • صفحات و مسیرهای اصلی (Home/PLP/PDP/Cart/Checkout/Auth/Order History/Search/404)، به‌همراه سوییچر زبان و جهت. • کامپوننت‌های اتمیک قابل‌استفاده‌مجدد، استایل واکنش‌گرا، الگوهای دسترسی (Focus/Errors/States). • گزارش اولیه Lighthouse و چک‌لیست پذیرش. معیارهای پذیرش • انطباق با فیگما (±2px) و رفتارهای تعاملی تعریف‌شده. • سبز بودن Core Web Vitals در صفحات کلیدی. • پشتیبانی کامل RTL/LTR در چیدمان، آیکون‌ها و انیمیشن‌ها. • عدم خطای مهم در Console و پشتیبانی از مرورگرهای اصلی. مهارت‌های موردنیاز • Next.js 14+ / React 18+ (App Router، SSR/SSG، Dynamic Routes). • TypeScript، مدیریت استیت (React Query/Zustand یا مشابه)، فرم‌ها (React Hook Form یا مشابه). • Tailwind یا CSS-in-JS، تجربه عملی i18n و RTL، آشنایی با SEO فنی و Accessibility. همکاری و ارسال پیشنهاد • لطفاً نمونه‌کار مرتبط Next.js (ترجیحاً دارای RTL/LTR) و زمان‌بندی واقع‌بینانه را ارسال کنید. • فایل‌های مرجع (فیگما/تصاویر) در پروژه ضمیمه شده‌اند. در صورت نیاز به جزئیات بیشتر، پس از ارسال پیشنهاد، از گفتگوی داخل پونیشا استفاده می‌کنیم. پرداخت‌ها صرفاً به‌صورت امن داخل پونیشا انجام می‌شود.