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

at  Soft dev team

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.
  We’re excited to review your application and learn about your expertise! Share your experience and show us how you can help drive innovation and modernization on our platform!
  Job Type: Full-time
  Pay: BsF107,786.00 - BsF118,548.00 per year

Experience:

• Next.js: 4 years (Preferred)
• Backbone.js: 4 years (Preferred)

Language:

• English (Preferred)

• 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