AEM Frontend Developer

Job Description

Key Responsibilities Develop responsive and accessible AEM components using HTL (Sightly), TypeScript, React, and client side technologies. Implement consistent and scalable UI styling and theme systems (e.g., CSS Modules, Tailwind, Styled Components, Emotion, Sass). Build React components using TypeScript, ensuring type safety and maintainability. Implement design system tokens and global theming (light/dark modes, brand styles, component level customizations). Integrate React applications within AEM (SPA Editor, AEM headless, Content Fragments). Manage AEM client libraries, Sling Models, editable templates, and component structures. Work with style guides, design systems, Figma/Adobe XD files, and translate them into clean, maintainable UI code. Optimize UI for performance, SEO, accessibility (WCAG), and cross browser/device compatibility. Integrate with REST/GraphQL APIs to populate UI with dynamic content. Collaborate in code reviews, architecture planning, and frontend standards definition. Required Skills & Experience 7 10 years of frontend development with strong skills in React TypeScript. Hands on development experience with AEM 6.x or AEM as a Cloud Service. Proficiency with HTML5, modern CSS, Sass, CSS in JS, and component based styling. Experience Building Scalable Theming Systems, Including Design tokens Global theme definitions Brand specific style overrides Dark/light mode strategies Experience working with Tailwind, Styled Components, Emotion, Sass, or equivalent styling frameworks. Expertise in building AEM components using HTL, Sling Models, and clientlib configurations. Experience with AEM SPA Editor or headless AEM. Strong understanding of responsive design, layout systems (Flexbox, Grid), and accessibility. Familiarity with Git, CI/CD workflows, and modern build tools (webpack, Vite, Babel).