لمدة أكثر من سبعة عقود، كانت Chalhoub Group شريكاً ومُبدعاً لتجارب فاخرة في الشرق الأوسط. في سعيها للتميز كتاجر تجزئة فاخر هجين، قامت المجموعة باقتناء محفظة تضم أكثر من 10 علامات تجارية مملوكة ومكنت خبرتها في التوزيع والتسويق لأكثر من 400 اسم دولي عبر فئات الأزياء الفاخرة والجمال والمجوهرات والساعات والنظارات وفن العيش.
يُتخذ كل خطوة في Chalhoub Group لبناء مستقبل تتحول فيه أحلام الفخمة إلى واقع — جسر بين الثقافات وصناعة تجارب لا تُنسى لعملائنا. سواء من خلال إعادة ابتكار نفسها باستمرار، والالتزام بالابتكار، أو تبني تقنيات جديدة، فإن المجموعة تشكّل مستقبل البيع بالتجزئة الفاخر. تقدم تجارب متسقة عبر قنوات متعددة في أكثر من 950 متجرًا، والمنصات عبر الإنترنت، والتطبيقات المحمولة. تقود هذه الرحلة الابتكارية The Greenhouse — مركز الابتكار وحواضن ومسرّعات الشركات الناشئة والأعمال الصاعدة للمجموعة على المستويين الإقليمي والعالمي.
ما ستقوم به
نحن نبحث عن مطوّر واجهات أمامية (React.js) ماهر للانضمام إلى فريق الويب الخاص بالتجارة الإلكترونية لدينا. ستبني وتُ Maintenance منصة المتجر للمستهلكين لمنصة بيع بالتجزئة فاخرة تخدم عدة دول ولغات عبر مجلس الخليج. يومياً، ستطوّر مكوّنات واجهة المستخدم باستخدام React و Next.js، وتدمجها مع واجهات GraphQL للتجارة، وتحوّل وتحسّن أداء الواجهة الأمامية.
لتحقيق النجاح في هذا الدور يجب أن تمتلك أساسيات JavaScript و React قوية، وخبرة عملية بـ Next.js، وإلمام متين ببناء تطبيقات ويب سريعة وقابلة للوصول وتعمل عبر شاشات متعددة. يجب أن تكون مرتاحاً في العمل بكل من بنى توجيه Pages Router و App Router لـ Next.js، وكذلك العمل عبر واجهات 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 واختبارات End-to-End/التراجع مع 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 (ضرورة).
- خبرة في استهلاك GraphQL APIs، ويفضل مع Apollo Client.
- خبرة سابقة في إنشاء أو صيانة نظام تصميم / مكتبة مكوّنات مشتركة.
- خبرة في التطوير المدفوع بالمكوّنات وStorybook.
- خبرة في الاختبار الآلي — وحدات/مكوّنات (Jest، React Testing Library) وE2E (Cypress).
- إلمام بممارسات اختبار UI / regressions البصرية.
- خبرة في تصحيح أخطاء المتصفح وأدوات الأداء/التحليل (مثلاً Chrome DevTools، Lighthouse).
- خبرة في أدوات CI/CD وتدفقات العمل المعتمدة على Git.
- فهم جيد لتصميم متجاوب، التوافق عبر المتصفحات، وإتاحة الوصول على الويب (a11y).
- مهارات استكشاف المشاكل ممتازة، إضافة إلى مهارات التعاون والتواصل وإدارة الوقت.
مفضل وجوده:
- خبرة في ترحيل قاعدة كود Next.js من Pages Router إلى App Router.
- خبرة في الدولية (i18n) وبناء واجهات RTL (العربية).
- خبرة في التجارة الإلكترونية / التجارة الرأسية (headless) مثل Magento ودمج موفري الدفع.
- إلمام برافع ميزات / أدوات اختبار A-B (GrowthBook).
- إلمام بـ TypeScript.
- خبرة بـ Docker ونشر الحاويات (Bitbucket Pipelines أو ما يعادله).
- إلمام بأنماط حالة البيانات في React (Context API, Apollo cache) ومكتبات النماذج (React Hook Form).
ما الذي يمكن أن نقدمه لك
معنا ستحوّل طموحاتك إلى واقع. سنساعدك في تشكيل رحلتك من خلال تجارب غنية وفرص تعلم وتطوير وتعرّض لمهام مختلفة ضمن دورك أو من خلال التنقل الداخلي. تقدم مجموعتنا مسارات مهنية متنوعة لأولئك غير العاديين، كل يوم.
نحن ندرك قيمة ما تجلبه، ونسعى لتوفير حزمة مزايا تنافسية تشمل الرعاية الصحية، مساهمة تعليم أطفال، سياسات عمل عن بُعد ومرنة، بالإضافة إلى خصومات موظفين حصرية.
استخدام GenAI في عملية التقديم
لدعم تجربة عادلة ومتسقة لجميع المرشحين، نطلب أن تُستكمل التقييمات والمقابلات بشكل مستقل وبدون مساعدة من أدوات الذكاء الاصطناعي التوليدي. هذا يضمن فهمنا لقوتك وطريقة تفكيرك وكيفية تعاملك مع المواقف الواقعية.
ندعو جميع المتقدمين للتقديم
يتطلب التنوع في التفكير والثقافة والخلفية والقدرات والآفاق المتفاوتة إلهام عملائنا وإثارتهم وإسعادهم بحق. في Chalhoub Group، نحن ملتزمون بالشمول والتنوع.
ندعو جميع المتقدمين للتقديم والانضمام إلى مستقبلنا المثير. نضمن فرصاً متساوية لجميع المتقدمين بغض النظر عن الجنس، العمر، العرق، الدين، الأصل الوطني أو حالة الإعاقة.
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 + React Testing Library and E2E/regression tests with Cypress, and catch visual regressions with Storybook + 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 / 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 (a11y).
- 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.
- 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.