SlipstreamJobs tracks this role from the company's public career site. Apply directly on the employer's site.
Salary: CAD 135,000 - 175,000 / annual
Knotch is a growth-stage SaaS platform that helps brands optimize content performance and apply AI to modern marketing. The company combines performance data, strategic insights, and AI-driven capabilities to help marketing teams measure content impact and make smarter decisions.
As a Senior Front End Engineer, you'll split your time between two distinct frontend applications:
**Knotch ACE** is a cutting-edge system that generates web experiences from AI in real time. Rather than serving fixed pages, the backend streams typed component descriptions and the frontend assembles them into a React tree as they arrive. Built with Next.js App Router and TypeScript in a monorepo, it's live for several enterprise brands, each with custom theming and deployment.
**Knotch One** is a mature, production React application used daily by customers. Built on Redux, GraphQL, and styled-components, it features data visualization at its core.
You'll own features end-to-end, working directly with backend, data, and product teams. The pace is fast—you'll see your work in front of enterprise clients within weeks. The team is small and moves quickly, so you'll wear multiple hats and have significant autonomy.
**Key Responsibilities:**
- Build features across both applications, working within each one's existing conventions
- Develop the component system that renders streamed, AI-generated layouts—schemas, renderers, and contracts between them
- Work on multi-tenant theming: design tokens, per-brand configuration, client-specific variants
- Build and maintain embeds that run the product inside customer websites
- Set standards for testing, accessibility, and performance
- Collaborate with backend engineers on API and streaming contracts
- Document your approach before building; raise blockers, risks, and disagreements early
- Mentor others through code review, pairing, and written design
**How You'll Work:**
Knotch operates on writing and clear communication. Design and decisions happen in docs and threads. You'll write your approach before building, keep people posted on progress, flag risks immediately, and voice disagreements—including with leadership. The team values engineers who read the code, form a view, and bring it back for feedback rather than waiting for walkthroughs. Everyone teaches and is expected to ramp up quickly.
**Requirements:**
- 6+ years building React applications in production
- TypeScript day-to-day, including typing data that arrives at runtime
- Next.js App Router or equivalent framework with server/client rendering split (Remix, Nuxt, SvelteKit)
- Experience in large codebases with history, where 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 WCAG testing
- Data visualization experience (ECharts, D3, Recharts, or similar)
- Writing tests alongside features (Vitest, Jest, Testing Library, or similar)
- Clear written communication and track record of working without close supervision; ability to scope your own work, unblock yourself, and communicate needs
**Nice to Have:**
- Runtime schema validation (Zod, Valibot)
- 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) with typed API layers (GraphQL or REST)
- Experience using AI-assisted tooling to move faster
