خلاصه پروژه
یک فروشگاه آنلاین با طرحهای نهایی فیگما و تصاویر مرجع داریم. نیازمند پیادهسازی فرانتاند با 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 و چکلیست پذیرش.
معیارهای پذیرش
• انطباق با فیگما (±۲px) و رفتارهای تعاملی تعریفشده.
• سبز بودن 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) و زمانبندی واقعبینانه را ارسال کنید.
• فایلهای مرجع (فیگما/تصاویر) در پروژه ضمیمه شدهاند. در صورت نیاز به جزئیات بیشتر، پس از ارسال پیشنهاد، از گفتگوی داخل پونیشا استفاده میکنیم. پرداختها صرفاً بهصورت امن داخل پونیشا انجام میشود.