betarchitect.

Senior Frontend Engineer to $3500

We are seeking a Senior Frontend Engineer who cares deeply about performance, pixel-perfect implementation, and developer experience. You will lead the development of our client-facing applications, leveraging the power of Next.js (App Router) and Payload CMS to build dynamic, content-rich, and highly scalable digital experiences.

You won't just be "slicing designs"; you will be architecting our frontend design system, making critical decisions about server-side vs. client-side rendering, and ensuring our CMS implementation is flexible for content editors while remaining type-safe for developers.
 

The Stack

  • Core Framework: Next.js 14+ (App Router, Server Components)
  • Language: TypeScript (Strict Mode)
  • CMS: Payload CMS (Self-hosted / Cloud)
  • Styling: Tailwind CSS + Radix UI / Headless UI
  • State/Data: React Query (TanStack Query) / Zustand
  • Testing: Cypress (E2E) & Jest/React Testing Library
  • Package Manager: pnpm / Bun

Key Responsibilities

  • Architecture: Lead the migration/development of applications using Next.js, optimizing for Core Web Vitals, SEO, and hydration performance.
  • CMS Integration: Design and implement complex content models in Payload CMS, ensuring a seamless editing experience for non-technical teams and robust type generation for the frontend.
  • Component System: Build and maintain a reusable, accessible component library using Tailwind CSS. We value consistency and utility-first CSS principles.
  • Type Safety: Enforce end-to-end type safety (from CMS content to frontend props) using TypeScript and Zod.
  • Performance: Proactively monitor bundle sizes, image optimization, and server response times.
  • Collaboration: Work closely with Backend Engineers to define API contracts and with Designers to bridge the gap between Figma and reality.

Technical Requirements

  • Next.js Mastery: Deep understanding of the App Router, Server Actions, Incremental Static Regeneration (ISR), and SSR vs. CSR trade-offs.
  • Payload CMS: Experience configuring Payload collections, globals, and blocks. You know how to extend Payload with custom fields or hooks.
  • Tailwind Expert: You know how to configure tailwind.config.js for theming, write custom plugins, and avoid "class soup" by componentizing effectively.
  • TypeScript: You don't use any. You are comfortable with generics, utility types, and inferring types from CMS schemas.
  • Modern React: Proficiency with Hooks, Context API, and composition patterns.
  • State Management: Experience managing server state (React Query) vs. global client state (Zustand/Context).

Nice-to-Have

  • Docker: Experience containerizing Next.js and Payload applications for deployment.
  • Storybook: Experience documenting UI components in isolation.
  • Monorepo Tools: Familiarity with Turborepo or Nx.
  • Animation: Experience with Framer Motion or GSAP for polished interactions.
  • Open Source: Contributions to the Next.js or Payload CMS ecosystems.

What We Offer

  • Competitive Salary: We value your expertise and pay accordingly.
  • Remote-First Culture: Work from where you are most productive.
  • Tech-Forward: We are constantly evaluating and adopting the best tools for the job (like the stack mentioned above).
  • Professional Development: Budget for courses, conferences, and certifications.
  • Long Term Position: Stable and long term position.
  • Flexible and Secure Payments: Via deel.com 

Required skills experience

Next.js 5 years
React.js 5 years
CSS 5 years
Tailwind CSS 5 years
Payload CMS 5 years
React Query 5 years

Required languages

English B1 - Intermediate
Published 26 January
374 views
ยท
112 applications
14% read
To apply for this and other jobs on Djinni login or signup.
Loading...