**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.
Pay: $107,786.00 - $118,548.00 per year
**Experience**:
- Next.js: 4 years (preferred)
- Backbone.js: 4 years (preferred)
**Language**:
- English (preferred)
Work Location: Remote

📌 Front-end Engineer - Next.js Multi-zone Architecture (México)
🏢 Soft Dev Team
📍 México