Senior Frontend Software Engineer

Commonwealth Bank of Australia; Bengaluru; On-site; INR 4,000,000 - 7,000,000; Full time

Job summary

Commonwealth Bank of Australia is seeking a Staff Software Engineer to design and deliver scalable frontend applications using Next.js, React, and TypeScript. You will work in a monorepo, emphasize performance, accessibility, and security, and collaborate with cross-functional teams.

The role requires strong experience with modern frontend patterns, automated testing, and API gateway integrations, including Kong.

Qualifications

• Experience with TypeScript and React in production environments.
• Proficient in Next.js App Router patterns and server components.
• Experience in monorepo architectures (Turborepo, pnpm, shared packages).
• Strong automated testing with Vitest and Playwright.
• Knowledge of WCAG 2.1 AA accessibility standards.
• Understanding of secure coding practices and OWASP Top 10.

Responsibilities

• Design and develop scalable web applications using Next.js 16+, React 19+, and TypeScript 5.9+.
• Implement Next.js App Router patterns including layouts, nested routing, loading and error states, Server Components, Client Components, and server-side data fetching.
• Apply React Server Components and client-side rendering to optimise performance.
• Develop reusable frontend components within a Turborepo monorepo and pnpm-based setup.
• Build UIs with CSS/SCSS Modules and enterprise design systems like Lumen.
• Implement state-management with Zustand, SWR, and server-first approaches.
• Develop automated tests with Vitest, React Testing Library, and Playwright.
• Integrate frontend with APIs and gateway solutions including Kong and JWT authentication.
• Implement feature flags with LaunchDarkly across server/client flows.
• Ensure accessibility aligned with WCAG 2.1 AA and secure development practices.
• Maintain observability with OpenTelemetry and structured logging.
• Collaborate with UX, design, product, backend, platform, and engineering teams.

Skills

TypeScript

React

Next.js

Monorepo

pnpm

Testing

UI components

Accessibility WCAG

Security OWASP

Git workflows

OpenTelemetry

Education

Bachelor's degree in Engineering

Tools

Turborepo

pnpm

Storybook

Kong

OpenTelemetry

Job description

Staff Software Engineer Organization- At CommBank, we never lose sight of the role we play in delivering a brighter future for our customers and supporting our communities. Our focus is to help customers and communities move forward to progress. To make the right financial decisions and achieve their dreams, targets and aspirations. Regardless of where you work within our organization, your initiative, talent, ideas and energy all contribute to the impact that we can make with our work. Together we can build tomorrow’s bank today.

Job Title

Staff Software Engineer

Location

Bangalore

Business & Team

Corporate Technology

Impact & contribution

We are seeking an experienced Senior Software Engineer – Frontend to design, build, and deliver modern, scalable, secure, and accessible web applications using Next.js, React, and TypeScript . You will contribute to the development of high-quality digital experiences using modern server-first frontend architecture, reusable design systems, strong engineering practices, and automated testing. You will work within a monorepo environment , collaborate closely with engineers, designers, and product teams, and help drive engineering standards across performance, accessibility, security, observability, and maintainability.

Key Responsibilities

• Design and develop scalable, production-grade web applications using Next.js 16+, React 19+, and TypeScript 5.9+
• Implement modern Next.js App Router patterns including layouts, nested routing, loading and error states, Server Components, Client Components, and server-side data fetching
• Apply appropriate React Server Component (RSC) and client-side rendering patterns to optimise application performance and user experience
• Develop reusable frontend components and shared libraries within a Turborepo and pnpm-based monorepo
• Build user interfaces using CSS/SCSS Modules and enterprise design systems such as Lumen (@lumen/react)
• Implement effective state-management strategies using Zustand, SWR, URL parameters, and server-first approaches
• Develop comprehensive automated tests using Vitest, React Testing Library, and Playwright
• Integrate frontend applications with APIs and gateway solutions, including Kong , JWT-based authentication, and declarative gateway configuration
• Implement feature flag-driven development using LaunchDarkly across server-side and client-side application flows
• Build accessible digital experiences aligned with WCAG 2.1 AA standards
• Apply secure development practices aligned with OWASP Top 10 and enterprise security standards
• Implement application observability using OpenTelemetry, OTLP, and structured logging
• Maintain high engineering quality through modern tooling including Oxlint, Oxfmt, and React Compiler
• Participate in code reviews, technical discussions, solution design, and PR-based engineering collaboration
• Follow disciplined Git practices including conventional commits, rebasing, branching, and pull-request workflows
• Collaborate with UX, design, product, backend, platform, and engineering teams to deliver consistent and maintainable customer experiences

Required Skills

• Strong hands-on experience in TypeScript and React , with a solid understanding of modern React architecture and development practices
• Strong experience with Next.js App Router , including layouts, loading states, routing, Server Components, Client Components, server actions and/or server-side data fetching
• Good understanding of React Server Components (RSC) and the ability to determine when server-side versus client-side components should be used
• Experience developing applications using TypeScript in strict mode
• Experience working within monorepo architectures , preferably using Turborepo, pnpm workspaces, shared packages, and reusable libraries
• Strong automated testing experience using tools such as Vitest, React Testing Library, and Playwright
• Experience with frontend state and data-management approaches such as Zustand, SWR, URL-based state, and server-first patterns
• Experience building reusable UI components using CSS/SCSS Modules and enterprise design systems
• Strong understanding of web accessibility and WCAG 2.1 AA standards
• Understanding of secure coding practices and OWASP Top 10
• Strong Git and collaborative development practices including conventional commits, rebase workflows, code reviews, and PR-based development
• Experience with modern JavaScript/TypeScript engineering tooling, linting, formatting, and build optimisation
• Strong problem-solving skills with a focus on clean, maintainable, performant, and reusable code

Nice to Have

• Experience with micro-frontend architectures or API gateway patterns using technologies such as Kong or NGINX
• Experience with LaunchDarkly or similar feature management and feature flag platforms
• Exposure to OpenTelemetry, OTLP, structured logging, tracing, and application observability
• Experience with Storybook or developing and maintaining enterprise design systems
• Knowledge of banking and regulatory domains including KYC, AML/CTF, FATCA, and CRS
• Understanding of JWT-based authentication and secure API integration patterns
• Experience working with large-scale enterprise applications and distributed engineering teams

Education Qualifications

• Bachelors of Engineering or BTech or equivalent graduation

Experience Level Senior Level