Job Title: Salesforce Commerce Cloud DevOps Frontend Engineer
Experience: 3 to 6 years
Level: 25
Job Summary
We are looking for a skilled and motivated DevOps Frontend Engineer with hands-on experience in Salesforce Commerce Cloud (SFCC), Storefront Reference Architecture (SFRA), and PWA Kit development. The ideal candidate brings strong experience in React.js, Next.js, and TypeScript, with a solid understanding of server-side rendering, REST API integration, performance optimization, and SFCC-specific deployment and CICD workflows.
This role is responsible for building high-performance, scalable, and accessible e-commerce storefronts while ensuring smooth build, release, and deployment processes within the SFCC ecosystem. You will collaborate closely with product managers, UI/UX designers, backend engineers, QA teams, and platform teams to deliver production-ready digital commerce solutions.
Roles & Responsibilities
- Develop, maintain, and extend e-commerce storefronts using SFRA (Storefront Reference Architecture) and PWA Kit on Salesforce Commerce Cloud.
- Build reusable React components, custom hooks, and shared libraries following PWA Kit conventions and SFCC best practices.
- Translate UI/UX designs from Figma or Adobe XD into pixel-perfect, responsive, and accessible storefront pages.
- Work with Next.js and PWA Kit SSR patterns including server-side rendering, static generation, routing, middleware, and API routes.
- Integrate storefronts with SFCC APIs including SCAPI (Shopper APIs), OCAPI, and Einstein Recommendations APIs using RESTful patterns.
- Implement and manage frontend state using PWA Kit hooks (useProduct, useBasket, useCustomer) and React patterns such as Context API or React Query for server state management.
- Build and maintain ISML templates, controllers, and pipeline logic within the SFRA cartridge stack.
- Optimize storefront performance for Core Web Vitals (LCP, CLS, INP) targeting Google Search ranking improvements.
- Implement lazy loading, code splitting, image optimization, and bundle optimization techniques.
- Implement structured data (JSON-LD), meta tags, canonical URLs, robots.txt, and sitemap.xml for SEO and AI crawler readiness.
- Manage resource sequencing and script loading strategies to maximize page load performance.
- Use Lighthouse and Web Vitals tooling to continuously monitor and improve frontend performance.
- Manage SFCC cartridge deployments across sandbox, staging, UAT, and production environments using sfcc-ci CLI and WebDAV-based workflows.
- Configure and maintain build pipelines for SFRA and PWA Kit using npm/pnpm scripts, Webpack, and SFCC-specific build tooling.
- Set up and maintain CI/CD pipelines for frontend applications using tools such as GitHub Actions, GitLab CI/CD, Jenkins, Azure DevOps, or Bitbucket Pipelines.
- Manage environment-specific configurations using SFCC Site Preferences, custom site preferences, and environment variable strategies in PWA Kit Managed Runtime.
- Deploy and manage PWA Kit applications on Salesforce Managed Runtime including bundle pushes and environment promotion.
- Configure SFCC CDN caching strategies, cache invalidation, and page-level cache headers.
- Troubleshoot build failures, deployment issues, storefront bugs, and production incidents within the SFCC platform.
- Ensure code quality through structured code reviews, ESLint/Prettier enforcement, and SFCC cartridge best practices.
- Write clean, maintainable, well-documented code following SFRA cartridge hierarchy and PWA Kit extensibility patterns.
- Participate in Agile ceremonies including sprint planning, daily stand-ups, backlog grooming, demos, and retrospectives.
- Collaborate with backend, QA, and platform teams for end-to-end feature delivery on the SFCC platform.
Qualifications & Skills
- Bachelor's degree in computer science, Information Technology, Engineering, or a related field. Equivalent practical experience will also be considered.
- 3 to 6 years of professional experience in frontend e-commerce development with a minimum of 2 years hands-on on Salesforce Commerce Cloud (SFCC).
- Strong hands-on experience with SFRA (Storefront Reference Architecture) including cartridge development, controller pipelines, ISML templates, and the SFRA plugin/hooks pattern.
- Experience with PWA Kit development including React components, custom hooks, page router, API clients, and Managed Runtime deployment.
- Solid understanding of SFCC platform concepts: Business Manager configuration, site preferences, content assets, page designer, catalog management, and promotion engine.
- Strong hands-on experience with React.js including functional components, hooks, Context API, component lifecycle, and performance optimization.
- Good understanding of Next.js concepts including server-side rendering (SSR), static site generation (SSG), incremental static regeneration (ISR), file-based routing, middleware, and API routes — applicable to PWA Kit SSR patterns on Managed Runtime.
- Proficiency in TypeScript, JavaScript ES6+, HTML5, CSS3, and SCSS.
- Experience with React Query or similar patterns for server state synchronization and API data management.
- Strong experience integrating storefronts with SFCC Shopper APIs (SCAPI) and OCAPI using RESTful patterns.
- Familiarity with Einstein Recommendations API, Shopper Search API, Shopper Products API, and Shopper Baskets API.
- Understanding of SFCC authentication flows including PKCE, client credentials, and shopper JWT token handling.
- Hands-on experience with sfcc-ci CLI for automated SFCC cartridge deployment, sandbox management, and code activation.
- Experience with WebDAV-based SFCC deployments and cartridge upload workflows.
- Experience with PWA Kit Managed Runtime deployment including bundle packaging and environment promotion.
- Proficiency with build tools and package managers including Webpack, Vite, npm, Yarn, or pnpm within SFCC build pipelines.
- Understanding of SFCC CDN caching, page-level cache headers, and cache invalidation strategies.
- Ability to configure and manage environment variables and build configurations across SFCC sandbox, staging, and production.
- Strong understanding of Core Web Vitals (LCP, CLS, INP) and practical experience improving storefront scores.
- Experience with performance techniques including lazy loading, code splitting, bundle optimization, image optimization, and resource sequencing.
- Knowledge of SEO best practices including JSON-LD structured data, meta tags, robots.txt, sitemap.xml, and AI crawler readiness.
- Good understanding of responsive design, mobile-first development, cross-browser compatibility, and accessibility (WCAG standards).
- Hands-on experience with Git-based workflows, branching strategies, pull requests, and code reviews.
- Hands-on experience with CI/CD pipelines (GitHub Actions, GitLab CI/CD, Jenkins, Azure DevOps, Bitbucket ) and frontend deployment automation.
- Familiarity with frontend testing approaches within SFCC including Commerce API mocking and unit testing of SFRA/PWA Kit modules.
- Knowledge of security best practices for frontend applications including secure API token handling, CSP headers, and dependency vulnerability management.
Nice to Have
- Experience with hybrid headless SFCC architecture combining SFRA server-rendered pages with React micro-frontends or native mobile app integration.
- Experience with SFCC Page Designer component development and Content Library management.
- Familiarity with Akamai CDN configuration in the context of SFCC deployments.
- Experience with Google Tag Manager, TealiumIQ, or similar tag management systems within SFCC storefronts.
- Exposure to analytics integration including Google Analytics 4 or Adobe Analytics on SFCC storefronts.
- Experience with A/B testing frameworks or Einstein personalization on SFCC.
- Knowledge of WCAG 2.1 accessibility standards and practical implementation on e-commerce storefronts.
- Experience with Agile/Scrum development methodologies in an enterprise e-commerce environment.
- Familiarity with headless CMS platforms such as Contentful or Sanity integrated with SFCC.
- Experience with other commerce platforms such as commercetools, Shopify Plus, or Magento as a secondary qualifi
