Senior Front-End Engineer (Next.js)

TopDog Law. Who We Are.

TopDog Law is one of the fastest-growing law firms in the U.S., founded in 2018 by James Helm and achieving 200–300% year-over-year growth. Ranked No. 149 on the Inc. 5000 list (an annual ranking of the 5000 fastest-growing privately held companies in the US), we combine our world-class legal expertise, top-tier technology, data-driven decision-making, and a culture rooted in speed, accountability, and teamwork. We hire people who are hungry to learn, eager to innovate, and motivated to deliver exceptional results.

As we continue expanding into new markets and evolving our capabilities, we’re focused on building high-performance teams that can scale with our growth. Our fast-paced environment rewards problem solvers, self-starters, and individuals who thrive in a culture of continuous improvement.

If you’re energized by rapid growth, meaningful impact, and endless opportunities to advance your career, TopDog Law is the place to do it. We’re building something different, and we’re looking for people who want to be part of a firm that’s disrupting the legal industry at an elite level.

The Big Picture:

We are rebuilding our entire web experience using Next.js, a scalable component system, and an architecture built for speed, SEO, and conversion. As a Senior Front-End Engineer, you will be the Director of Web Development’s primary technical partner. You will build the components, templates, and user experiences that become the backbone of our marketing engine.

This role is for someone who loves clean, modern front-end engineering, cares deeply about performance, and wants to ship work that drives the business forward.

What You'll Do:

Building the Platform

• Build responsive, accessible, and reusable front-end components in React/Next.js
• Translate Figma designs into clean, production-ready interfaces
• Implement page templates, modules, and content-driven layouts tied to a headless CMS (Sanity)
• Integrate content from Sanity into Next.js App Router using Server Components, route-level data fetching, and smart caching
• Build high-conversion marketing and intake flows: landing pages, FAQs, and lead forms

CMS & Content Modeling (Sanity)

• Design and implement schemas for pages, sections, FAQs, forms, and reusable content blocks
• Build robust GROQ (Graph-Relational Object Queries) queries and utilities for fetching content in Next.js Server Components
• Implement preview and draft/live workflows so editors can safely preview content before publishing
• Support migration of existing content (e.g., from WordPress) into other CMS where appropriate
• Collaborate with marketing/content teams to ensure content models support their workflows without compromising performance or maintainability

Performance & SEO Optimization

• Optimize Core Web Vitals (LCP, INP, CLS) and mobile performance
• Keep Lighthouse performance/SEO scores consistently high
• Improve image loading, font strategies, caching, and bundle weight
• Ensure code is structured for speed, clarity, and maintainability

Conversion-Focused Development

• Build high-intent landing pages and multi-step lead flows
• Implement dynamic modules (FAQs, testimonials, results, attorney profiles)
• Support A/B test variants and rapid experimentation cycles
• Work closely with UX to refine and iterate based on behavioral insights

Analytics & Tracking Implementation

• Implement event tracking for forms, CTAs, scroll behavior, and funnels
• Work with decision science to validate that tracking fires cleanly
• Support DataLayer and GTM integrations where needed

Design System & Code Quality

• Help create and maintain a scalable design system with well-structured components
• Participate in code reviews and contribute to engineering standards
• Write clear, maintainable code with documentation where appropriate

Collaboration & Communication

• Work closely with the Director of Web Development on architecture and execution
• Partner with the UX designer, creative team, and marketing teams