پیادهسازی فرانتاند فروشگاه با Next.js بر اساس فیگما
در سراسر کشور
در وبسایت پونیشا(2 روز پیش)
دورکاری
اطلاعات شغل:
امکان دورکاری و کار در منزل: دارد
نوع همکاری: پروژهای
مهارتهای مورد نیاز:
جاوا اسکریپت (JavaScript)
برنامه نویسی تحت وب
طراحی رابط کاربری (UI)
ری اکت (React)
برنامه نویسی فرانت اند
متن کامل آگهی:
خلاصه پروژه
یک فروشگاه آنلاین با طرحهای نهایی فیگما و تصاویر مرجع داریم. نیازمند پیادهسازی فرانتاند با 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) و زمانبندی واقعبینانه را ارسال کنید.
• فایلهای مرجع (فیگما/تصاویر) در پروژه ضمیمه شدهاند. در صورت نیاز به جزئیات بیشتر، پس از ارسال پیشنهاد، از گفتگوی داخل پونیشا استفاده میکنیم. پرداختها صرفاً بهصورت امن داخل پونیشا انجام میشود.
این آگهی از وبسایت پونیشا پیدا شده، با زدن دکمهی تماس با کارفرما، به وبسایت پونیشا برین و از اونجا برای این شغل اقدام کنین.
هشدار
توجه داشته باشید که دریافت هزینه از کارجو برای استخدام با هر عنوانی غیرقانونی است. در صورت مواجهه با موارد مشکوک، با کلیک بر روی «گزارش مشکل آگهی» به ما در پیگیری تخلفات کمک کنید.