Site core front end developer

ecolab; India; On-site; INR 1,200,000 - 2,400,000; Full time

Job summary

Ecolab is seeking a Sitecore Next.js Front-End Developer to build high-performance, component-driven experiences using Next.js, React, and Sitecore headless CMS. You will focus on reusable UI components, integrate content APIs, and collaborate with design and content teams to deliver scalable web experiences.

The role emphasizes SSR/SSG/ISR optimization, accessibility, and collaboration with backend teams for enterprise-grade delivery.

Qualifications

• Experience building reusable Next.js/React components.
• Experience with Sitecore headless CMS (XM Cloud or JSS).
• Strong TypeScript and modern CSS skills (Tailwind, SCSS, CSS Modules).

Responsibilities

• Develop reusable Next.js/React components that consume Sitecore headless content (Layout Service, GraphQL, REST).
• Integrate Sitecore JSS with Next.js including environment configuration and API setup.
• Build and maintain page layouts using Sitecore components, placeholders, and rendering structures.
• Work in disconnected and connected development modes to streamline component development.
• Optimize UI/UX performance using SSR, SSG, ISR, caching, accessibility, and responsive design best practices.
• Collaborate with designers, marketers, and backend teams to translate requirements into scalable front-end solutions.
• Support Sitecore content teams by ensuring components are author-friendly, flexible, and aligned with content models.
• Troubleshoot and enhance Sitecore search/indexing when required.
• Maintain code quality through Git workflows, code reviews, and best practices.

Skills

Next.js

React

TypeScript

Tailwind

Tools

Sitecore JSS

Sitecore XM Cloud / XP

GraphQL

REST APIs

Job description

A Sitecore Next.js Front ‑ End Developer builds high ‑ performance, component ‑ driven digital experiences using Next.js, React, and Sitecore ' s headless CMS (XM Cloud or JSS). This role focuses on developing reusable UI components, integrating Sitecore content APIs, optimizing performance, and collaborating with designers and content teams to deliver scalable, enterprise ‑ grade web experiences.

Core Responsibilities

• Develop reusable Next.js/React components that consume Sitecore headless content (Layout Service, GraphQL , REST).
• Integrate Sitecore JSS with Next.js including environment configuration, API setup, and editing capabilities.
• Build and maintain page layouts using Sitecore components, placeholders, and rendering structures.
• Work in disconnected and connected development modes to streamline component development.
• Optimize UI/UX performance using SSR, SSG, ISR, caching, accessibility, and responsive design best practices.
• Collaborate with designers, marketers, and backend teams to translate requirements into scalable front ‑ end solutions.
• Support Sitecore content teams by ensuring components are author ‑ friendly , flexible, and aligned with content models.
• Troubleshoot and enhance Sitecore search/indexing when required .
• Maintain code quality through Git workflows , code reviews , and best practices .

Core Technical Skills

• Next.js - SSR, SSG, ISR, routing, API routes, performance optimization
• React - hooks, state management, component architecture
• Sitecore JSS - headless integration, Layout Service, disconnected/connected mode
• Sitecore XM Cloud / XP - content modeling, components, renderings, templates
• GraphQL - querying Sitecore content via Sitecore GraphQL endpoint
• REST APIs - consuming Sitecore and external APIs
• TypeScript - strong typing, interfaces, generics
• CSS frameworks - Tailwind, SCSS, CSS Modules, or Styled Components
• Node.js - build tooling, server ‑ side logic, package management
• Git - branching strategies, pull requests, code reviews
• Azure DevOps / CI-CD - pipelines, deployments, environment management
• Vercel or Azure hosting - Next.js deployment and optimization
• Sitecore Search / Indexing - optional but valuable
• Accessibility & SEO - WCAG, semantic HTML, structured data
• Performance optimization

Nice ‑ to ‑ Have Skills

• Sitecore Personalization - rules, variants, A/B testing
• Sitecore Content Serialization - SXA, templates, items
• Docker - local development environments
• Headless CMS experience - Contentful , Optimizely, etc.
• Design systems - Storybook, component libraries