Knotch Logo

Knotch

Sr. Front End Engineer

Posted 22 Days Ago
Remote
Hiring Remotely in Canada
Senior level
Remote
Hiring Remotely in Canada
Senior level
Build and maintain features across a real-time AI-generated React application and a mature React analytics platform. Responsibilities include component systems, streaming UI contracts, multi-tenant theming, customer embeds, accessibility, testing, performance, data visualization, and API collaboration. The role requires independent ownership, clear technical writing, mentoring, and effective work across established and greenfield codebases.
The summary above was generated by AI

About Knotch

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.

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.

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.
  • Embedding JavaScript into third-party sites — iframes, CSP, sandboxing.
  • 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.


Our Benefits and Perks

  • Salary -The expected salary range for this role is $135,000 - $175,000 CAD depending on experience.
  • Health Benefits - Through our employer of record (EOR) relationship with Globalization Partners, we're proud to offer comprehensive health benefits.
  • Unlimited PTO
  • Paid Holidays
  • Wellness Perks
  • Daily Company Break 
  • Phone Plan Credit (select team members who have high phone usage for work): 
  • Company Offsite


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.

Similar Jobs

6 Days Ago
Easy Apply
Remote
Canada
Easy Apply
Senior level
Senior level
Big Data • Fintech • Mobile • Payments • Financial Services
Own and evolve high-traffic consumer web experiences, experimentation, instrumentation, marketing technology integrations, conversion tracking, and measurement systems. Lead engineers through ambiguous projects, define technical plans, improve reliability and observability, support on-call operations, establish quality standards, and mentor team members. Partner with Product, Marketing, Analytics, Data Engineering, and platform teams to build performant, privacy-aware systems that address consent, cookies, tagging, and consumer-data requirements.
Top Skills: Advertising ApisAnalytics PlatformsConversion TrackingExperimentation PlatformsGoogle Tag ManagerJavaScriptMarketing ApisReactServer-Side Google Tag ManagerTypescriptVue
One Month Ago
Easy Apply
Remote
Canada
Easy Apply
Senior level
Senior level
Big Data • Fintech • Mobile • Payments • Financial Services
Own and deliver high-availability authentication, verification, and fraud experiences across web, backend, and mobile interfaces. Lead quarterly goals, technical planning, system delivery, code quality, operational availability, and on-call support. Collaborate with product, design, and analytics stakeholders, resolve complex technical and business issues, mentor engineers, and promote engineering standards. The role requires expertise in React or Vue, JavaScript or TypeScript, large codebases, scalable architecture, and effective communication.
Top Skills: JavaScriptReactTypescriptVue
7 Days Ago
Remote
Canada
Senior level
Senior level
Software
Own the architecture and evolution of a mature server-rendered web UI for the Graykey platform. Establish frontend conventions, improve performance, implement testing, analytics instrumentation, real-time UI patterns, and web security practices. Collaborate with UX, product, and engineering teams while working regularly with Python and Jinja templates. Build reliable interfaces for constrained, on-premises environments and provide technical direction through code reviews and pairing.
Top Skills: Ci/CdCSSGitHTMLJavaScriptJinjaPythonServer-Sent EventsWebsockets

What you need to know about the Calgary Tech Scene

Employees can spend up to one-third of their life at work, so choosing the right company is crucial, not just for the job itself but for the company culture as well. While startups often offer dynamic culture and growth opportunities, large corporations provide benefits like career development and networking, especially appealing to recent graduates. Fortunately, Calgary stands out as a hub for both, recognized as one of Startup Genome's Top 100 Emerging Ecosystems, while also playing host to a number of multinational enterprises. In Calgary, job seekers can find a wide range of opportunities.

Sign up now Access later

Create Free Account

Please log in or sign up to report this job.

Create Free Account