Company Name: TopDog Law LLC

Job Details: RemoteFull,Time

Job Url: https://hiring.cafe/viewjob/9lxzfuxf8ucfjtlb

Job Description: Posted 23h agoSenior Front-End Engineer (Next.js)@ TopDog Law LLCView All JobsUnited StatesRemoteFull TimeResponsibilities:Build components, Integrate CMS, Optimize performanceRequirements Summary:4+ years frontend development, React/Next.js, TypeScript, REST/GraphQL, CMS experience, performance/SEO focus.Technical Tools Mentioned:React, Next.js, TypeScript, JavaScript, CSS, Tailwind CSS, Sanity CMS, GROQ, Vercel, Cloudflare, REST APIs, GraphQL, Git, Figma
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 PlatformBuild responsive, accessible, and reusable front-end components in React/Next.jsTranslate Figma designs into clean, production-ready interfacesImplement 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 cachingBuild high-conversion marketing and intake flows: landing pages, FAQs, and lead formsCMS & Content Modeling (Sanity)Design and implement schemas for pages, sections, FAQs, forms, and reusable content blocksBuild robust GROQ (Graph-Relational Object Queries) queries and utilities for fetching content in Next.js Server ComponentsImplement preview and draft/live workflows so editors can safely preview content before publishingSupport migration of existing content (e.g., from WordPress) into other CMS where appropriateCollaborate with marketing/content teams to ensure content models support their workflows without compromising performance or maintainabilityPerformance & SEO OptimizationOptimize Core Web Vitals (LCP, INP, CLS) and mobile performanceKeep Lighthouse performance/SEO scores consistently highImprove image loading, font strategies, caching, and bundle weightEnsure code is structured for speed, clarity, and maintainabilityConversion-Focused DevelopmentBuild high-intent landing pages and multi-step lead flowsImplement dynamic modules (FAQs, testimonials, results, attorney profiles)Support A/B test variants and rapid experimentation cyclesWork closely with UX to refine and iterate based on behavioral insightsAnalytics & Tracking ImplementationImplement event tracking for forms, CTAs, scroll behavior, and funnelsWork with decision science to validate that tracking fires cleanlySupport DataLayer and GTM integrations where neededDesign System & Code QualityHelp create and maintain a scalable design system with well-structured componentsParticipate in code reviews and contribute to engineering standardsWrite clear, maintainable code with documentation where appropriateCollaboration & CommunicationWork closely with the Director of Web Development on architecture and executionPartner with the UX designer, creative team, and marketing teamsCommunicate technical decisions clearly to non-technical stakeholdersWhat You Bring:4+ years of front-end development experienceStrong proficiency in React and Next.js (App Router experience is a plus)Proficiency in TypeScript, modern JavaScript (ES6+), and modern CSSExperience working with at least one headless CMS; Sanity experience preferredExperience consuming and integrating REST or GraphQL APIs (Application Programming Interfaces)Proven ability to translate Figma designs into pixel-accurate, production-ready buildsSolid understanding of web performance, Core Web Vitals, and how to build fast pages in practiceComfort working in Git with modern development workflowsNice-to-Have ExperienceExperience with Storybook or component documentation toolsHands-on experience with Sanity (schemas, GROQ, preview setups, content workflows)Experience with Tailwind CSS or another utility-first CSS approachExperience with A/B testing and experiment-driven developmentExperience deploying and optimizing Next.js apps on VercelExperience configuring Cloudflare for DNS (Domain Name System), caching, and WAF (Web Application Firewall)Exposure to legal, healthcare, or other compliance-sensitive industriesExperience with analytics and marketing tooling (e.g., GA4, GTM, call tracking, lead attribution)Ability to provide thoughtful input on UX or design decisionsWhy TopDog Law Is The Place To Be:Join the fastest-growing law firm in the U.S. and be part of a team driven by momentum, innovation, and real impact. 🚀Work fully remote from anywhere, supported by a high-performance culture built on speed, accountability, and results. 💻Do meaningful work that directly contributes to firm growth, client outcomes, and operational excellence. Grow your career quickly with real opportunities for advancement, we promote from within. 🪜Thrive in a culture of innovation focused on continuous improvement, collaboration, and high-quality execution. Benefit from leadership that invests heavily in people, technology, training, and long-term success. 🖥️Earn competitive compensation and strong benefits, including comprehensive medical, dental, vision, life, and protection plans. 💵Receive a 4% 401(k) company match, helping you build long-term financial security from day one. 💰Access company-paid holidays, two floating holidays, and five paid sick days (with rollover up to 10 days). Enjoy generous paid time off:120 hours in year one160 hours beginning your second anniversary200 hours annually starting your fifth anniversary