Sr. Front End Engineer

Knotch; Canada; Hybrid; CAD 135,000 - 175,000; Full time

Benefits offered by this job

Health benefits

Unlimited PTO

Holidays

Wellness perks

Offsites

Daily break

Job summary

Knotch is redefining AI-powered web experiences with two front-end systems: Knotch ACE for real-time AI-generated layouts and Knotch One, a mature React app. You’ll work across greenfield design and careful evolution in a fast-paced, remote team environment serving enterprise brands.

The role emphasizes strong React/TypeScript skills, server/client rendering awareness, and a passion for scalable design systems. If you enjoy complex data visuals and cross-team collaboration, this is a fit.

Qualifications

• 6+ years building React applications in production
• Proficient with TypeScript and runtime typing
• Experience with Next.js App Router or similar SSR/CSR split
• Experience in large codebases with legacy decisions
• CSS at scale with Tailwind or CSS-in-JS
• Accessible UI with WCAG
• Data visualization with ECharts, D3, or Recharts
• Testing with Vitest/Jest/Testing Library
• Strong written communication and self-direction

Responsibilities

• Build features across two applications following existing conventions
• Develop the component system for streaming AI-generated layouts — schemas, renderers, contracts
• Work on multi-tenant theming: design tokens, per-brand config, client variants
• Build and maintain embeds that run our product inside customer sites
• Set standards for testing, accessibility, and performance
• Collaborate with backend engineers on API and streaming contracts
• Document approach before building, raise blockers and risks early
• Mentor others through code reviews, pairing, and design discussions

Skills

React

TypeScript

Next.js

Remix

Nuxt

SvelteKit

Tailwind

CSS-in-JS

Accessibility

ECharts

D3

Recharts

Vitest

Jest

Testing Library

Redux

Zustand

GraphQL

REST

Tools

Zod

Valibot

Streaming

WebSockets

pnpm

Turborepo

Nx

Design tokens

Multi-tenant theming

Redux

Job description

Knotch is redefining the future of websites in the age of AI.
The way people discover, engage with, and consume content is fundamentally changing. Customers now find information and make decisions through AI, increasingly with an agent acting on their behalf. Most brand digital presences were never built for this journey. Knotch is the AI-native infrastructure that closes that gap, giving brands the ability to meet every customer, and every agent, with the right experience at the right moment, and to adapt as fast as AI and consumer behavior keep changing.
Our platform combines content intelligence, measurement, and agentic AI to show enterprises what content works, continuously optimize their sites, and deliver measurable business outcomes. At the center is ACE (Agentic Content Engine), which moves brands beyond static websites toward intelligent, adaptive ones that keep improving.
We work with some of the world’s most recognizable companies. Our culture is fast-paced, entrepreneurial, and highly adaptable. We move quickly, test ideas, and evolve with our customers. We’re looking for exceptional people who want to help shape how leading brands show up in an AI world.

About the role

You’ll split your time between two front ends at very different stages.

Knotch ACE, generates web experiences from AI in real time. Rather than serving fixed pages, our backend streams typed component descriptions and the front end assembles them into a React tree as they arrive. It's Next.js App Router and TypeScript in a monorepo, live for several enterprise brands, each with its own theming and deployment.

Knotch One is a mature React application that customers use daily, built on Redux, GraphQL and styled-components, with data visualization at its core.

Between them there's a good mix of greenfield design work and the kind of careful change you make in a codebase with real users. We're looking for someone who's happy doing both.

Responsibilities

• Build features across both applications, working to each one's existing conventions
• Develop the component system that renders streamed, AI-generated layouts — schemas, renderers, and the contracts between them
• Work on multi-tenant theming: design tokens, per-brand configuration, client-specific variants
• Build and maintain embeds that run our product inside customer websites
• Set standards for testing, accessibility, and performance
• Work with backend engineers on API and streaming contracts, including where the line between front end and backend actually sits
• Write the approach down before you build it, and raise blockers, risks and disagreements early rather than after they've cost time
• Ramp yourself up on unfamiliar parts of the product and codebase, and mentor others through code review, pairing, and written design

Qualifications

• 6+ years building React applications in production
• TypeScript day to day, including typing data that arrives at runtime
• Next.js App Router, or another framework with a server/client rendering split — Remix, Nuxt, SvelteKit
• Experience in a large codebase with history, where the work meant fitting into earlier decisions rather than starting clean
• CSS at scale — utility-first (Tailwind) or CSS-in-JS (styled-components, Emotion), and styling systems built on tokens or theme objects.
• Accessible UI work — keyboard navigation, ARIA, and testing against WCAG
• Data visualization — ECharts, D3, Recharts or similar
• Writing tests alongside features — Vitest, Jest, Testing Library or similar
• Clear written communication, and a track record of working without close supervision: scoping your own work, unblocking yourself, and telling people what you need

Nice to Have

• Runtime schema validation — Zod, Valibot or similar
• Streaming or incremental UI — SSE, WebSockets
• Monorepo tooling — pnpm workspaces, Turborepo, Nx
• Design tokens and multi-tenant theming
• Client state management at scale (Redux, Zustand or similar) against a typed API layer, GraphQL or REST
• Using AI-assisted tooling to move faster, and a view on where it helps and where it doesn't

How to be Successful

• Self-starter mentality: you see what needs doing and start without waiting to be asked. You scope your own work, unblock yourself and tell people what you need
• Proactive communication: you raise risks, blockers and delays before anyone asks, so updates come from you rather than from stand-up questions. When something you shipped turns out wrong, you say so early and own the fix
• AI-native building: you use tools like Claude Code or Cursor every day to move faster, you know where they help and where they fall short, and you can explain every line of what you ship
• Built to live on other people’s sites: you know how to ship UI that embeds safely into customer websites without breaking the host page, or being broken by it
• Data-heavy UI across two products: you turn complex analytics data into fast, clear, accessible dashboards in React, and you enjoy splitting your time between a mature product (Knotch One) and a newer AI product (ACE)
• Strong fundamentals: you know the difference between server data and UI state, and you handle caching, pagination, loading, error and empty states with accessibility built in from the start
• Ownership of design decisions: you make sound technical calls without prompting, write down your reasoning, and can talk openly about a decision that turned out wrong and what you learned from it
• Clear communication in a remote team: you work well with product, design, backend and offshore teammates across time zones, and you can explain trade-offs to non-technical stakeholders
• Voice your opinions: how can we make our product, our code and the way we build better, based on what you see?

Why Join Knotch

Knotch moves quickly and the team is small, so you'll wear a few hats — you'll own features end to end, work directly with backend, data and product, and see what you build in front of enterprise clients in weeks rather than quarters.

That pace runs on writing. Design and decisions happen in docs and threads here: you'll write the approach before you build it, keep people posted on where things stand, flag risks as soon as you see them, and say what you think when you disagree — including with us. Silence reads as agreement, so if something looks wrong, say so.

It also runs on people who find their own way in. We'll point you at the right person and the right part of the codebase, and questions are always welcome — but the engineers who do well here read the code, form a view, and bring it back for a second opinion rather than a walkthrough. Everyone teaches, and everyone is expected to come up to speed fast. From there, the work is yours to run with.

The expected salary range for this role is $135,000 - $175,000 CAD depending on skills and experience.

Our Benefits and Perks

Knotch is a fully remote company. Candidates may work from anywhere within Canada, with Eastern time zone preferred, through our employer of record. Some of our other great benefits include:

• Comprehensive health benefits through our employer of record (EOR) relationship with Globalization Partners
• Unlimited PTO
• 10+ company-paid holidays
• Wellness and work-from-home perks
• Company and team offsites
• A daily company-wide break, and more!

Equal Opportunity Employer

Knotch is a US-based equal opportunity employer. We strive to provide equal opportunities in all of our processes, including our hiring and employee experience. We pride ourselves on our three values: transparency, relentlessness, and inclusiveness.

We commit to daily work towards leading with empathy, reducing bias through periodic training, and engaging with and uplifting communities of marginalized groups. We condemn all forms of racism and discrimination on the basis of race, religion, ethnicity, nationality, gender identity, sexual orientation, age, marital status, pregnancy or parenthood status, veteran status, disability status, or any other identifier. We encourage all employees, clients, investors, candidates, vendors, and friends of Knotch to deliver honest feedback directly or anonymously so that we may always seek to improve as an organization dedicated to diversity, equity, inclusion, and belonging.