Company Overview
Fanfix is a premier content platform dedicated to empowering creators and fostering meaningful connections with their fans. We provide a safe, brand-friendly environment where creators can pursue their passions and monetize their work. With a global community of over 7 million fans, our platform enables engagement through features like direct messaging, memberships, tipping, and exclusive content. We’re committed to continuous innovation, building high-performance web applications that elevate the creator and fan experience.
Role Overview
As a Staff Frontend Engineer at Fanfix, you will play a key role in designing and developing complex, scalable web applications that drive meaningful interactions between creators and their fans. You’ll be responsible for contributing to frontend development efforts, collaborating closely with product managers, designers, and backend engineers to deliver seamless and high-performing features. With a strong focus on React, TypeScript, and testing frameworks like Jest, you’ll ensure the quality, maintainability, and scalability of the application.
In addition to hands-on development, you’ll contribute to technical discussions, provide guidance to junior engineers, and support architectural decisions that shape the future of our platform. This role requires a proactive problem solver who thrives in a fast-paced startup environment and is passionate about continuously improving the tech stack while driving innovative solutions. A key aspect of the role is taking ownership of critical frontend features, ensuring they align with business goals and meet performance and scalability standards. This role will report to our Head of Engineering.
If you’re an expert in frontend technologies, comfortable in a fast-paced work environment, and possess strong technical skills, we’d love for you to join us in revolutionizing the way creators and fans connect.
*This is a remote position.
Requirements
- Next.js & React: Expert-level experience building complex, scalable applications with Next.js + React, including App Router, Server Components, SSR/SSG patterns, and Next.js optimization techniques.
- TypeScript: Proficiency in TypeScript 5+ for type-safe development, ensuring cleaner, more maintainable code across a large codebase.
- Vitest & Testing Library: Hands-on experience with Vitest and Testing Library for unit and integration testing, ensuring quality and stability of the application.
- GraphQL & Apollo Client: Strong experience with Apollo Client for managing application data, including type-safe queries/mutations, cache management, and working with GraphQL Code Generator for TypeScript integration.
- Tailwind CSS: Proficiency with Tailwind CSS and utility-first styling patterns for rapid UI development. Experience with CSS-in-JS libraries (Styled Components or Emotion) is a plus.
- State Management: Experience with modern state management solutions including Zustand and Redux Toolkit, with the ability to determine the appropriate solution based on complexity and use case.
- Monorepo Architecture: Experience working in monorepo codebases using pnpm workspaces and Turbo (or similar tools like Nx/Lerna) for build orchestration and code sharing.
- Node.js & Server-Side Development: Understanding of Node.js for working with Next.js server-side features including API routes, server components, server actions, and middleware, enabling effective collaboration with backend teams.
- Attention to Detail: Demonstrates precision and thoroughness in code development, testing, and documentation, especially when working with complex state management and data flows.
Preferred Qualifications
- Component Libraries: Familiarity with multiple UI libraries (Material-UI, Ant Design, HeroUI, Radix UI) and headless component patterns, with the ability to work across different design systems.
- Authentication: Experience with NextAuth or similar authentication solutions for Next.js applications, including OAuth flows and session management.
- Performance Optimization: Proven track record of optimizing frontend performance using Web Vitals, image optimization, code splitting, and Next.js-specific performance patterns.
- Strong Communication Skills: Proven experience in effectively communicating technical concepts and collaborating with team members across functions.
- Proactive Problem Solver: Ability to identify potential problems early and propose effective solutions to improve performance, scalability, and code quality.
- Adaptable: Comfortable in a fast-paced startup environment, adapting to shifting priorities and new challenges while maintaining code quality standards.
Responsibilities
- Application Development: Design, develop, and maintain complex application features and systems, ensuring they meet performance, scalability, and quality standards.
- Cross-Functional Collaboration: Collaborate with cross-functional teams (product, design, backend) to design and implement solutions that meet both business needs and technical constraints.
- Mentorship Support: Support and provide technical guidance to junior engineers as needed.
- Performance and Scalability: Contribute to performance improvements across the application, ensuring it can scale effectively as user demands grow.
- Feature Ownership: Take ownership of critical frontend features or modules, ensuring their timely and high-quality delivery.
- Architectural Contribution: Participate in architectural discussions and contribute to strategic decisions that help shape the future of the application’s technical roadmap.
Benefits
- Compensation: Base salary ($160K - $200K) + Annual Bonus
- 100% Employer sponsored medical, dental and vision insurance, including all dependents!
- 401k
- Generous PTO / paid holidays
- Parental leave
- Fun working environment at a high growth tech startup!
