Skip to content

Instantly share code, notes, and snippets.

@mpaiva-cc
Created December 19, 2024 12:53
Show Gist options
  • Select an option

  • Save mpaiva-cc/5f5ad88cca4638f3badbdaaf74156c69 to your computer and use it in GitHub Desktop.

Select an option

Save mpaiva-cc/5f5ad88cca4638f3badbdaaf74156c69 to your computer and use it in GitHub Desktop.
Micro-frontend Engineer - Profile

Front-End Engineer – Next.js Multi-Zone Architecture

  • Location: Remote
  • Employment Type: Full-Time
  • Experience Level: Mid to Senior

About Us

We are building an innovative Human Capital Management (HCM) platform with a focus on scalability, accessibility, and cutting-edge architecture. Our mission is to redefine the user experience by integrating modern frameworks like Next.js with legacy systems such as Backbone.js, ensuring a seamless and accessible interface for all users.

Our team is collaborative, driven by curiosity, and excited about solving complex challenges in front-end development. We value clean, maintainable code and are committed to staying ahead in technology while embracing existing tools.


Role Overview

We are seeking a talented Front-End Engineer to lead the development of a Next.js multi-zone architecture. This role involves creating a robust micro-frontend system and enabling the integration of Backbone components into a modern stack without relying on iframes. You’ll work closely with UX designers, product managers, and back-end engineers to deliver a cohesive and scalable user experience.


Key Responsibilities

  • Design and implement a Next.js multi-zone architecture to support micro-frontends and modularity.
  • Develop strategies to integrate legacy Backbone components into a modern React and Next.js ecosystem.
  • Ensure a seamless user experience by prioritizing accessibility and performance.
  • Collaborate with the engineering team to establish shared state management and communication between React and Backbone components.
  • Create reusable, maintainable, and well-documented code.
  • Implement server-side rendering (SSR), static site generation (SSG), and client-side rendering (CSR) for optimal performance.
  • Enhance front-end build pipelines with modern tools and workflows (e.g., Webpack, Vite, Turbopack).
  • Ensure compliance with web standards, WCAG accessibility guidelines, and browser compatibility.
  • Conduct thorough testing using tools like Jest, Cypress, or Playwright to validate functionality and performance.

Required Qualifications

  • 3+ years of professional front-end development experience, including modern frameworks like React or Next.js.
  • Strong understanding of Next.js features such as SSR, SSG, dynamic routing, and API routes.
  • Proficiency in integrating and working with legacy systems, especially Backbone.js.
  • Experience with micro-frontend architectures and module federation.
  • Deep knowledge of JavaScript, TypeScript, and ES6+ features.
  • Familiarity with state management libraries (Redux, Zustand, or React Context).
  • Expertise in modern CSS frameworks and methodologies (CSS Modules, Tailwind CSS, SCSS).
  • Passion for accessibility-first development, including ARIA roles, semantic HTML, and keyboard navigation.
  • Strong debugging skills, especially in cross-framework integrations.

Preferred Qualifications

  • Experience with multi-zone or multi-tenant architectures.
  • Familiarity with build optimization techniques (code-splitting, tree-shaking).
  • Knowledge of testing frameworks like Jest, Cypress, or Playwright.
  • Exposure to DevOps pipelines and tools for CI/CD (GitHub Actions, Vercel, Netlify).
  • Contributions to open-source projects or experience with tools like module federation.
  • Familiarity with Next.js serverless deployment on platforms like Vercel.

What We Offer

  • Opportunity to work on cutting-edge front-end architectures with a talented team.
  • Flexible work environment with options for remote work.
  • Professional growth through conferences, workshops, and training.
  • Competitive salary and benefits package.
  • An inclusive and collaborative workplace culture.

How to Apply

  1. Please Review this public repository.
  2. If you feel that adding a BackboneJS component to this app is possible
  3. Please submit your:

We’re excited to learn more about your experience and how you can help us modernize and innovate!

How to Apply

Please review this public repository.
If you believe integrating a BackboneJS component into this application is achievable, we encourage you to apply by submitting:

  • Your Resume or CV
  • Your Portfolio
  • Your GitHub profile

Send your application to Marcelo Paiva. We look forward to learning about your experience and how you can contribute to modernizing and innovating our platform!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment