Okta Logo

Okta

Senior Software Engineer, Frontend (Web)

Posted 20 Days Ago
Be an Early Applicant
In-Office
Toronto, ON
Senior level
In-Office
Toronto, ON
Senior level
Build and evolve Okta's web platform using Next.js and React: design scalable page systems, integrate headless CMS APIs, collaborate on design systems, ensure performance, accessibility, SEO, write tests, and own production issues and developer workflows.
The summary above was generated by AI

Secure Every Identity, from AI to Human
Identity is the key to unlocking the potential of AI. Okta secures AI by building the trusted, neutral infrastructure that enables organizations to safely embrace this new era. This work requires a relentless drive to solve complex challenges with real-world stakes. We are looking for builders and owners who operate with speed and urgency and execute with excellence.
This is an opportunity to do career-defining work. We're all in on this mission. If you are too, let's talk.

Role Overview

We are seeking a Senior Software Engineer to build and evolve Okta’s web platform using React and Next.js. In this role, you will bring deep frontend expertise to solve complex engineering problems autonomously from designing scalable page systems and optimizing performance to integrating CMS APIs and refining developer workflows. You work independently on ambiguous problems but thrive in collaboration with designers, content architects, and fellow engineers. AI-assisted development tools are part of how this team works, and you leverage them fluently to move faster while maintaining high standards. This is a hands-on IC role with significant autonomy and real ownership, ideal for an engineer who combines deep technical understanding with strong collaborative instincts.

Key Responsibilities
  • Frontend Development & Architecture: Build and maintain reusable page templates, features, and component systems in Next.js using TypeScript and React. Design scalable data-fetching patterns from headless CMS APIs (GraphQL and REST), transforming structured content into polished frontend experiences. Collaborate on content model design with content architects, ensuring CMS data maps cleanly to frontend templates. Implement responsive, accessible, high-performance UI following established design system patterns and propose improvements when existing patterns fall short.
  • Design System Collaboration: Work closely with the design system team to assemble pages and experiences from the internal component library. Identify gaps where new patterns or variants are needed, articulate requirements clearly, and collaborate on solutions whether that means contributing to the design system directly or building well-scoped custom components when the system doesn’t yet cover a specific need.
  • AI-Assisted Engineering: Leverage AI-assisted development tools (Claude Code, GitHub Copilot, Cursor) fluently in your daily workflow to accelerate delivery. Critically evaluate AI-generated output and share effective patterns with teammates. Help the team develop good habits around AI tooling through collaboration and example, not mandate.
  • Quality & Collaboration: Write thorough unit and integration tests to prevent regressions. Participate actively in code reviews giving thoughtful, constructive feedback and receiving it openly. Collaborate across disciplines with content architects, designers, and the design system team to deeply understand content models, component APIs, and how they fit together in page assembly. Communicate technical trade-offs clearly to non-technical stakeholders.
  • Performance & Production Ownership: Take ownership of frontend performance Core Web Vitals, bundle optimization, and rendering strategy choices (SSR/ISR/static). Investigate and resolve complex production bugs independently. Contribute to operational improvements like monitoring, documentation, and internal tooling that benefit the broader team.
Required Qualifications
  • Experience: 5–8 years of professional frontend or full-stack engineering experience shipping production web applications.
  • Next.js & React: Deep working knowledge of Next.js, including App Router patterns, server/client components, data-fetching strategies, caching, and API routes. You understand the trade-offs between rendering approaches and can choose the right one for a given problem.
  • Visual Frontend & Motion: You consistently produce high-fidelity, polished UI from Figma comps. Strong CSS skills including responsive design, Grid, Flexbox, and CSS-in-JS (styled-components, Emotion, or similar). Experience with animation and interaction patterns using Framer Motion, GSAP, or CSS transitions. You care about craft and detail.
  • Headless CMS Integration: Solid experience connecting Next.js to headless CMS platforms (Contentful, AEM, Sanity, or similar). You understand content models deeply and have built template systems that map structured data to rich frontend experiences.
  • AI-Assisted Development: Fluent with AI-assisted programming tools (Claude Code, Copilot, Cursor). You use them to move faster while critically evaluating output understanding when to trust, when to reject, and how to prompt effectively.
  • Performance, Accessibility & SEO: Strong understanding of Core Web Vitals, bundle optimization, and rendering strategy trade-offs. Solid command of WCAG standards, SEO best practices (structured data, metadata, SSR/ISR), and how to build them into your work from the start rather than bolt them on.
  • Fundamentals & Collaboration: Deep HTML, CSS, and TypeScript fundamentals. Comfortable with Git workflows and CI/CD pipelines. You communicate clearly, collaborate well across disciplines, and can work through ambiguity without needing constant direction.
  • Nice to Have: Experience with Adobe Experience Manager (AEM) or similar enterprise CMS authoring platforms. Experience with Three.js, WebGL, or advanced interactive web experiences. Contributions to design systems or component libraries.

#LI- Hybrid 

p-2419

Below is the annual salary range for candidates located in Canada. Your actual salary will depend on factors such as your skills, qualifications, and experience. In addition, Okta offers equity (where applicable), bonus, and benefits, including health, dental, and vision insurance, RRSP with a match, healthcare spending, telemedicine, and paid leave (including PTO and parental leave) in accordance with our applicable plans and policies. To learn more about our Total Rewards program, please visit: https://rewards.okta.com/can.

The annual base salary range for this position for candidates located in Canada is between:
$104,000$156,000 CAD

The Okta Experience

  • Supporting Your Well-Being 
  • Driving Social Impact 
  • Developing Talent and Fostering Connection + Community

We are intentional about connection. Our global community, spanning over 20 offices worldwide, is united by a drive to innovate. Your journey begins with an immersive, in-person onboarding experience designed to accelerate your impact and connect you to our mission and team from day one.
Okta is an Equal Opportunity Employer. All qualified applicants will receive consideration for employment without regard to race, color, religion, sex, sexual orientation, gender identity, national origin, ancestry, marital status, age, physical or mental disability, or status as a protected veteran. We also consider for employment qualified applicants with arrest and convictions records, consistent with applicable laws.
If reasonable accommodation is needed to complete any part of the job application, interview process, or onboarding please use this Form to request an accommodation.
Notice for New York City Applicants & Employees: Okta may use Automated Employment Decision Tools (AEDT), as defined by New York City Local Law 144, that use artificial intelligence, machine learning, or other automated processes to assist in our recruitment and hiring process. In accordance with NYC Local Law 144, if you are an applicant or employee residing in New York City, please click here to view our full NYC AEDT Notice.

Similar Jobs

Senior level
Big Data • Fintech • Information Technology • Business Intelligence • Financial Services • Cybersecurity • Big Data Analytics
Drive public sector enterprise sales by expanding account penetration, managing complex sales cycles, building long-term client relationships, coordinating cross-functional teams, identifying product opportunities, and meeting revenue targets.
Top Skills: ExcelMicrosoft Office SuitePowerPoint
10 Hours Ago
Hybrid
Expert/Leader
Expert/Leader
Blockchain • Fintech • Payments • Consulting • Cryptocurrency • Cybersecurity • Quantum Computing
Lead end-to-end execution of multiple large, multi-stream strategic initiatives, establish governance and operating frameworks, drive Agile/CI/CD practices, manage executive communications, measure outcomes, and mentor junior team members to transition programs to business-as-usual.
Top Skills: AgileCi/CdScrum
10 Hours Ago
Hybrid
Senior level
Senior level
Blockchain • Fintech • Payments • Consulting • Cryptocurrency • Cybersecurity • Quantum Computing
Lead global go-to-market and commercialization for Experience & Disputes solutions. Develop value propositions, sales enablement, product launch plans, market intelligence, and performance metrics. Drive client adoption, revenue growth, and cross-functional alignment across Product, Sales, and regional teams while leveraging analytics and AI to optimize commercial outcomes.

What you need to know about the Ottawa Tech Scene

The capital city of Canada and the nation's fourth-largest urban area, Ottawa has proven a rapidly growing global tech hub. With over 1,800 tech companies, many of which are leaders in their sectors, the city's tech talent now makes up more than 13 percent of its total workforce. This growth is driven not only by the big players like UL Solutions and Dropbox, but also by a thriving startup ecosystem, as new businesses emerge to follow in the footsteps of those that came before them.

Sign up now Access later

Create Free Account

Please log in or sign up to report this job.

Create Free Account