على مدى سبعة عقود، كانت مجموعة chalhoub شريكاً ومبتكراً لتجارب فاخرة في منطقة الشرق الأوسط. وفي سعيها لأن تكون بائعة تجزئة فاخرة هجينة، قامت المجموعة بتجميع محفظة تضم أكثر من 10 علامات تجارية مملوكة وزادت من خبرتها في التوزيع والتسويق لأكثر من 400 اسم عالمي عبر فئات الموضة الفاخرة، والجمال، والمجوهرات، والساعات، والنظارات، وفنون الحياة.
تُتخذ كل خطوة في مجموعة chalhoub لبناء مستقبل تتحقق فيه أحلام الرفاهية — جسر بين الثقافات وصناعة تجارب لا تُنسى لمستهلكينا. سواء من خلال إعادة ابتكار الذات باستمرار، أو الالتزام بالابتكار، أو تبني تقنيات جديدة، فإن المجموعة تشكّل مستقبل تجارة التجزئة الفاخرة. وتقدم تجارب سلاسة عبر قنوات متعددة تشمل أكثر من 950 متجرًا، ومنصات عبر الإنترنت، وتطبيقات الهاتف المحمول. وتقود هذه الرحلة الابتكارية مركز Greenhouse — محور ابتكار المجموعة وحاضنة ومسرّعة للشركات الناشئة والأعمال الواعدة إقليميًا وعالميًا.
ما الذي ستقوم به
نحن نبحث عن مطور واجهات أمامية (React.js) ماهر للانضمام إلى فريق الويب للتجارة الإلكترونية لدينا. ستبني وتُصون متجر الوجهة للمستهلكين لمنصة تجارة فاخرة تخدم عدة دول ولغات عبر مجلس التعاون الخليجي. يوميًا، ستطوير مكوّنات واجهة المستخدم باستخدام React وNext.js، وتدمجها مع واجهات برمجة تطبيقات GraphQL للتجارة، وتحسين أداء الواجهة الأمامية.
لتحقيق النجاح في هذا الدور يجب أن تمتلك أساسيات JavaScript وReact قوية، وخبرة عملية في Next.js، وفهمًا راسخًا لبناء تطبيقات ويب سريعة وقابلة للوصول وتدعم التكوينات المتجاوبة. يجب أن تكون مريحًا في كل من بنية توجيه Pages Router وApp Router بالإضافة إلى العمل مع واجهات GraphQL، وبناء المكوّنات ضمن نظام التصميم، وكتابة الاختبارات. في النهاية، مصمم واجهات أمامية رفيع المستوى يصمّم ويبًا سريعًا ومتكاملاً ومتعدد الجنسيات يصلح عبر المناطق والأجهزة.
المسؤوليات:
- التعاون مع فرق المنتج والتصميم والخلفية لتحويل المتطلبات وتصاميم الواجهة إلى ميزات عملية.
- مراجعة متطلبات التطبيق وتصاميم الواجهة مبكرًا للنُّطق بالحالات الشاذة والاعتبارات الخاصة بالإتاحة.
- بناء مكوّنات UI سريعة الاستجابة وقابلة لإعادة الاستخدام باستخدام React ونظام تصميم Tailwind CSS.
- دمج الواجهة مع APIs GraphQL باستخدام Apollo Client مقابل خلفية التجارة اللامركزية لدينا.
- تنفيذ واجهات متعددة اللغات جاهزة للـ RTL (الإنجليزية/العربية) عبر متاجر الدول المتعددة.
- كتابة منطق التطبيق بلغة JavaScript وفق أنماط React وNext.js عبر Pages Router (هيكلنا الحالي — SSR/SSG/ISR عبر getServerSideProps / getStaticProps) وApp Router (React Server Components، تخطيطات متداخلة، مكونات خادم/عميل).
- المساهمة في الانتقال التدريجي نحو App Router، مع ضمان تواجد شفافية بين Pages Router وApp Router خلال الانتقال.
- استكشاف الأخطاء في واجهة المستخدم وشفرة التطبيق عبر المتصفحات والأجهزة.
- المساهمة في وتوسيع بنية الواجهة الأمامية ومكتبة المكوّنات المشتركة، موثقة في Storybook.
- مراقبة وتحسين أداء الواجهة الأمامية وCore Web Vitals.
- كتابة وصيانة الاختبارات: اختبارات الوحدة/المكوّنات باستخدام Jest وReact Testing Library، اختبارات E2E/التراجع مع Cypress، واكتشاف التراجعات البصرية باستخدام Storybook وChromatic.
- المشاركة في مراجعات الشيفرة والحفاظ على جودة الشيفرة عبر ESLint وPrettier وCI.
ما تحتاجه للنجاح
- خبرة مثبتة كمطور React.js / واجهة أمامية.
- معرفة عميقة بـ JavaScript (ES6+)، HTML، CSS، وأدوات الواجهة الحديثة.
- خبرة عملية مع إطار Next.js، وممارسة العمل في Pages Router وApp Router (لا بد) — بما في ذلك SSR وSSG وISR وجلب البيانات وReact Server Components.
- خبرة قوية مع Tailwind CSS (لا بد).
- خبرة في استهلاك APIs GraphQL، ويفضل مع Apollo Client.
- خبرة سابقة في إنشاء أو صيانة نظام تصميم / مكتبة مكوّنات مشتركة.
- خبرة في التطوير المستند إلى المكوّنات وStorybook.
- خبرة في الاختبار الآلي — وحدات/مكوّنات (Jest، React Testing Library) وE2E (Cypress).
- معرفة بممارسات اختبار UI والاختبارات البصرية.
- خبرة في تصحيح الأخطاء على المتصفح وأدوات القياس والأداء (مثل Chrome DevTools، Lighthouse).
- خبرة في أدوات CI/CD وتدفقات العمل المستندة إلى Git.
- فهم جيد لتصميم متجاوب، والتوافق عبر المتصفحات، والوصولية على الويب.
- مهارات قوية في استكشاف الأخطاء، إضافة إلى مهارات التعاون والتواصل وإدارة الوقت.
فضل وجوده:
- خبرة في ترحيل قاعدة كود Next.js من Pages Router إلى App Router.
- خبرة في التدويل (i18n) وبناء واجهات RTL (العربية).
- خبرة في التجارة الإلكترونية / التجارة الرأسية (Headless) مثل Magento ودمج مزودي الدفع (Adyen، Checkout.com).
- الاطلاع على مميزات Flags / أدوات A/B testing (GrowthBook).
- الاطلاع على TypeScript.
- خبرة مع Docker ونُظم النشر بالحاويات (Bitbucket Pipelines أو ما يماثلها).
- الاطلاع على أنماط حالة/بيانات React (Context API، Apollo cache) ومكتبات النماذج (React Hook Form).
ما الذي يمكننا تقديمه لك
معنا، ستحول طموحاتك إلى واقع. سنساعدك في تشكيل مسارك عبر تجارب مُثرية وفرص تعلم وتطوير وت exposure لمهام مختلفة ضمن دورك أو من خلال التنقل الداخلي. توفر مجموعتنا مسارات مهنية متنوعة لأولئك الذين هم استثنائيون، كل يوم.
نحن ندرك قيمة ما تقدمه، ونسعى لتقديم حزمة مزايا منافسة تشمل الرعاية الصحية، ومساهمة في تعليم الأطفال، وسياسات العمل عن بُعد ومرونة، بالإضافة إلى خصومات حصرية للموظفين.
استخدام GenAI في عملية التقديم
لدعم تجربة عادلة ومتسقة لجميع المرشحين، نطلب إتمام التقييمات والمقابلات بشكل مستقل ودون مساعدة من أدوات الذكاء الاصطناعي التوليدي. هذا يضمن فهمنا لقوتك وتفكيرك وكيف تتعامل مع المواقف الواقعية.
ندعو جميع المتقدمين للتقديم
يتطلب الإلهام الحقيقي للمستهلكين تنوع الأفكار والثقافات والخلفيات والقدرات والوجهات النظر. في Chalhoub Group، نلتزم بالشمول والتنوع.
نرحب بجميع المتقدمين للتقديم وأن يكونوا جزءًا من مستقبلنا المثير. نضمن Equal Opportunity لجميع المتقدمين بغض النظر عن الجنس أو العمر أو العرق أو الدين أو الأصل القومي أو حالة الإعاقة.
For over seven decades, Chalhoub Group has been a partner and creator of luxury experiences in the Middle East. In its pursuit to excel as a hybrid luxury retailer, the Group has curated a portfolio of over 10 owned brands and strengthened its distribution and marketing expertise for over 400 international names across luxury fashion, beauty, jewellery, watches, eyewear, and art de vivre categories.
Every step at Chalhoub Group is taken to build a future where luxury dreams become reality — bridging cultures and crafting memorable experiences for our consumers. Be it by constantly reinventing itself, committing to innovation, or embracing new technologies, the Group is shaping the future of luxury retail. It delivers seamless omnichannel experiences across more than 950 stores, online platforms, and mobile apps. Driving this innovation journey is The Greenhouse — the Group’s innovation hub, incubator, and accelerator for startups and emerging businesses, regionally and globally.
What you'll be doing
We are looking for a skilled Front-End (React.js) Developer to join our e-commerce web team. You'll build and maintain the customer-facing storefront for a luxury retail platform serving multiple countries and languages across the GCC. Day-to-day, you'll develop user-interface components with React and Next.js, integrate them with our GraphQL commerce APIs, and profile and improve front-end performance.
To succeed in this role you should have strong JavaScript and React fundamentals, hands-on Next.js experience, and a solid grasp of building responsive, high-performance, accessible web applications. You should be equally comfortable with both Next.js routing architectures — the Pages Router and the App Router — as well as working against GraphQL APIs, building components within a design system, and writing tests. Ultimately, a top front-end developer here designs and builds polished, fast, internationalized UI that scales across regions and devices.
Responsibilities:
- Collaborate with product, design, and back-end teams to turn requirements and UI designs into working features.
- Review application requirements and interface designs, surfacing edge cases and accessibility considerations early.
- Build highly responsive, reusable UI components with React and our Tailwind CSS design system.
- Integrate the UI with GraphQL APIs using Apollo Client against our headless commerce backend.
- Implement internationalized, RTL-ready interfaces (English/Arabic) across multiple country storefronts.
- Write application logic in JavaScript following React and Next.js patterns across both the Pages Router (our current architecture — SSR/SSG/ISR via getServerSideProps / getStaticProps) and the App Router (React Server Components, nested layouts, server/client components).
- Contribute to our gradual migration toward the App Router, ensuring Pages Router and App Router code coexist cleanly throughout the transition.
- Troubleshoot and debug interface and application code across browsers and devices.
- Contribute to and extend the front-end architecture and shared component library, documented in Storybook.
- Monitor and improve front-end performance and Core Web Vitals.
- Write and maintain tests: unit/component tests with Jest and React Testing Library, E2E/regression tests with Cypress, and catch visual regressions with Storybook and Chromatic.
- Participate in code reviews and uphold code quality through ESLint, Prettier, and CI checks.
What you’ll need to succeed
- Proven experience working as a React.js / front-end developer.
- In-depth knowledge of JavaScript (ES6+), HTML, CSS, and modern front-end tooling.
- Hands-on experience with the Next.js framework, comfortable working in both the Pages Router and the App Router (a must) — including SSR, SSG, and ISR data fetching and React Server Components.
- Strong experience with Tailwind CSS (a must).
- Experience consuming GraphQL APIs, ideally with Apollo Client.
- Previous experience creating or maintaining a design system / shared component library.
- Experience with component-driven development and Storybook.
- Experience with automated testing — unit/component (Jest, React Testing Library) and E2E (Cypress).
- Familiarity with UI and visual regression testing practices.
- Experience with browser-based debugging and performance/profiling tools (e.g. Chrome DevTools, Lighthouse).
- Experience with CI/CD tools and Git-based workflows.
- Good understanding of responsive design, cross-browser compatibility, and web accessibility (accessibility).
- Excellent troubleshooting skills, plus good collaboration, communication, and time-management skills.
Nice to have:
- Experience migrating a Next.js codebase from the Pages Router to the App Router.
- Experience with internationalization (i18n) and building RTL (Arabic) interfaces.
- Experience in e-commerce / headless commerce (e.g. Magento) and integrating payment providers (e.g. Adyen, Checkout.com).
- Familiarity with feature flags / A/B testing tools (e.g. GrowthBook).
- Familiarity with TypeScript.
- Experience with Docker and containerized deployments (Bitbucket Pipelines or similar).
- Familiarity with React state/data patterns (Context API, Apollo cache) and form libraries (React Hook Form).
What we can offer you
With us, you will turn your aspirations into reality. We will help shape your journey through enriching experiences, learning and development opportunities and exposure to different assignments within your role or through internal mobility. Our Group offers diverse career paths for those who are extraordinary, every day.
We recognise the value that you bring, and we strive to provide a competitive benefits package which includes health care, child education contribution, remote and flexible working policies as well as exclusive employee discounts.
Using GenAI in your application process
To support a fair and consistent experience for all candidates, we ask that assessments and interviews are completed independently and without assistance from generative AI tools. This ensures we understand your strengths, your thinking, and how you approach real situations.
We invite all applicants to apply
It takes diversity of thought, culture, background, differing abilities and perspectives to truly inspire, exhilarate and delight our customers. At Chalhoub Group, we are committed to inclusion and diversity.
We welcome all applicants to apply and be part of our exciting future. We ensure equal opportunity for all our applicants without regard to gender, age, race, religion, national origin or disability status.