TopDog Law

Senior Front-End Engineer, Next.js

TopDog Law

full-time

Posted on:

Location Type: Remote

Location: Remote • 🇺🇸 United States

Visit company website
✨ AI Apply
Apply

Job Level

Senior

Tech Stack

GraphQLJavaScriptNext.jsReactTypeScriptWordPress

About the role

  • Building responsive, accessible, and reusable front-end components in React/Next.js
  • Translating Figma designs into clean, production-ready interfaces
  • Implementing page templates, modules, and content-driven layouts tied to a headless CMS (Sanity)
  • Integrating content from Sanity into Next.js App Router using Server Components, route-level data fetching, and smart caching
  • Building high-conversion marketing and intake flows: landing pages, FAQs, and lead forms
  • Designing and implementing schemas for pages, sections, FAQs, forms, and reusable content blocks
  • Building robust GROQ (Graph-Relational Object Queries) queries and utilities for fetching content in Next.js Server Components
  • Implementing preview and draft/live workflows so editors can safely preview content before publishing
  • Supporting migration of existing content (e.g., from WordPress) into other CMS where appropriate
  • Collaborating with marketing/content teams to ensure content models support their workflows without compromising performance or maintainability
  • Optimizing Core Web Vitals (LCP, INP, CLS) and mobile performance
  • Keeping Lighthouse performance/SEO scores consistently high
  • Improving image loading, font strategies, caching, and bundle weight
  • Ensuring code is structured for speed, clarity, and maintainability
  • Building high-intent landing pages and multi-step lead flows
  • Implementing dynamic modules (FAQs, testimonials, results, attorney profiles)
  • Supporting A/B test variants and rapid experimentation cycles
  • Working closely with UX to refine and iterate based on behavioral insights
  • Implementing event tracking for forms, CTAs, scroll behavior, and funnels
  • Collaborating with decision science to validate that tracking fires cleanly
  • Supporting DataLayer and GTM integrations where needed
  • Helping to create and maintain a scalable design system with well-structured components
  • Participating in code reviews and contributing to engineering standards
  • Writing clear, maintainable code with documentation where appropriate
  • Working closely with the Director of Web Development on architecture and execution
  • Partnering with the UX designer, creative team, and marketing teams
  • Communicating technical decisions clearly to non-technical stakeholders

Requirements

  • 4+ years of front-end development experience
  • Strong proficiency in React and Next.js (App Router experience is a plus)
  • Proficiency in TypeScript, modern JavaScript (ES6+), and modern CSS
  • Experience working with at least one headless CMS; Sanity experience preferred
  • Experience consuming and integrating REST or GraphQL APIs (Application Programming Interfaces)
  • Proven ability to translate Figma designs into pixel-accurate, production-ready builds
  • Solid understanding of web performance, Core Web Vitals, and how to build fast pages in practice
  • Comfort working in Git with modern development workflows
Benefits
  • Comprehensive medical, dental, vision, life, and protection plans
  • 4% 401(k) company match
  • Company-paid holidays, two floating holidays, and five paid sick days (with rollover up to 10 days)
  • Generous paid time off: 120 hours in year one, 160 hours beginning second anniversary, 200 hours annually starting fifth anniversary

Applicant Tracking System Keywords

Tip: use these terms in your resume and cover letter to boost ATS matches.

Hard skills
ReactNext.jsTypeScriptJavaScriptCSSGROQREST APIsGraphQLFigmaCore Web Vitals
Soft skills
collaborationcommunicationproblem-solvingattention to detailadaptabilitycreativitytime managementcritical thinkinguser experience focustechnical documentation