SDE II / III - Frontend Developer

Responsibilities

• Customize Payload CMS collections, globals, fields, and access control.
• Create reusable CMS-driven components for use in React/Next.js applications.
• Implement custom hooks, plugins, and APIs to extend Payload CMS functionality.
• Work with relational and non-relational data models to structure content efficiently.
• Build responsive, accessible, and SEO-optimized frontends using React and Next.js (with SSR & SSG).
• Integrate Payload CMS content into web applications via REST or GraphQL APIs.
• Develop reusable UI components with TypeScript and maintain a clean component architecture.
• Implement and optimize HTML5 video players (HLS, DASH) with custom controls, analytics, and accessibility features.
• Work with DRM-protected streams and adaptive bitrate streaming.
• Optimize site speed and performance for both frontend and backend CMS rendering.
• Configure and maintain modern front-end build tools (Webpack, Babel, npm/yarn, SWC).
• Implement code-splitting, lazy-loading, and other performance best practices.
• Work closely with design teams to translate Figma or Sketch designs into pixel-perfect UI.
• Use Git and branching workflows for source control and CI/CD pipelines for deployment.
• Participate in code reviews, technical discussions, and agile ceremonies.
  

Requirements

• 2-8 years of experience in web development with React.
• Proficiency in HTML5 CSS3 JavaScript (ES6+), and TypeScript.
• Strong understanding of React fundamentals (components, hooks, state management, context API, lifecycle methods).
• Experience with Next.js (SSR, SSG, ISR).
• Familiarity with Payload CMS or similar headless CMSs (Strapi, Sanity, Contentful).
• Knowledge of modern front-end build tools (Webpack, Babel, npm/yarn).
• Experience integrating REST and GraphQL APIs.
• Knowledge of Git version control.
• Video player development experience (HLS. js, DASH. js, Shaka Player, custom HTML5).
• Familiarity with accessibility standards (WCAG).
• Understanding of server-side rendering hooks and SEO considerations.
• Exposure to cloud platforms (Vercel, AWS, GCP) for hosting and deployments.
  

Soft Skills

• Strong problem-solving abilities and debugging skills.
• Ability to work independently and as part of a collaborative team.
• Strong communication skills to work effectively with cross-functional teams.
• Detail-oriented with a passion for building high-quality user experiences.