Juan Manuel
González Heredia

Principal Frontend Engineer.
14+ years building for the web.

Guadalajara, Mexico · UTC-6 · US-aligned hours

↓ scroll

About

Juan Manuel González Heredia

Hey there

I’ve been in the software development industry for 14+ years, focused on the frontend side: building, designing, and developing web applications across very different shapes and scales.

Most recently, I’ve been working as a Principal Frontend Engineer at Herbalife for 9+ years, on a global e-commerce ecosystem that serves brand experiences in 110 countries and transactional commerce across 9 locales (US, UK, Canada, India, Mexico, Spain, Puerto Rico).

My experience ranges from responsive cross-browser sites and hybrid mobile apps, to building and scaling enterprise e-commerce platforms, including microfrontend architectures, Domain-Driven monorepos, and payment-critical flows in production (PayPal, Apple Pay, Square).

My day-to-day stack: React, Next.js (MFE, SPA, DDD), TypeScript, Tailwind, Zustand, Node.js. I work in English and Spanish, in US-aligned hours from Guadalajara, Mexico.

Selected Work

A few projects I'm proud of.

01 / Enterprise Platform

Global E-Commerce Microfrontend Architecture

Enterprise platform · Live in 110 countries

The problem

A multinational health & wellness company needed to modernize their global e-commerce platform during a brand refresh and major redesign. Four product squads were stepping on each other's toes — every release required full-app coordination, and the codebase was becoming harder to maintain as more markets came online.

The approach

  • Designed a microfrontend system on Next.js + Module Federation + TypeScript, giving each squad ownership of their domain.
  • Built a dual-mode codebase that serves both brand-only markets (catalog, PLP, PDP across 110 countries) and full transactional commerce (9 locales across US, UK, Canada, India, Mexico, Spain, Puerto Rico) from a single application.
  • Set up engineering standards through ADRs, design reviews, and mentorship across the squads.
  • Currently leading the architectural evolution toward Domain-Driven Design on a Moon-orchestrated monorepo with React 19 + Next.js 15 + Tailwind v4.
Stack:
Next.js · React · TypeScript · Module Federation · Tailwind · Zustand · React Query · Moon · GitHub Actions · Google Cloud Run
Role:
Principal Frontend Engineer · Architecture lead across 4 squads (20+ engineers)

02 / Legacy Modernization

Distributor Store Configuration Platform Rebuild

Internal B2B product · Full rewrite from .NET to React

The problem

A legacy .NET MVC application (with Kendo UI and vanilla JavaScript) was the platform where distributors of a multinational health & wellness company configured their stores — catalog, promotions, branding, payment methods. The stack was hard to evolve, the UX was dated, and the product needed to scale to more markets and use cases.

The approach

  • Led the full rebuild from .NET/Kendo to a modern React + TypeScript stack as a near-greenfield product.
  • Drove architectural decisions, sprint planning, and technical direction for a team of ~6 engineers in a tech-lead capacity.
  • Modernized UX, performance, and developer experience while keeping feature parity and adding new capabilities the legacy stack couldn't support.
Stack:
React · TypeScript · Next.js · Tailwind · Zustand · React Query · Jest · GitHub Actions
Role:
Principal Frontend Engineer · Tech lead for a team of ~6

03 / Greenfield Platform

Nutrition Club Configuration Platform

B2B2C platform · Built from scratch in React

The problem

Nutrition Club owners (small business operators within a multinational health & wellness ecosystem) needed a web platform to configure their business — products sold, pricing, payment methods, staff, permissions. The configuration would feed an existing native mobile app used in daily club operations.

The approach

  • Built the web platform from scratch in React as a hybrid tech-lead / manager overseeing 6 engineers.
  • Led cross-team collaboration with the mobile/native team to integrate web views embedded via iframe inside the native app, aligning data contracts and UX patterns across web and mobile.
  • Shipped PayPal and Square payment integrations end-to-end, handling edge cases for a B2B2C payment flow.
Stack:
React · JavaScript · CSS · PayPal SDK · Square SDK
Role:
Software Development Manager · Hybrid tech lead / manager for a team of 6

Tech Stack

What I work with day to day.

Languages

  • TypeScript
  • JavaScript

Frameworks

  • React
  • Next.js
  • Zustand

Architecture

  • Microfrontends (Module Federation)
  • Domain-Driven Design
  • Monorepos (Moon, Turborepo)

Styling

  • Tailwind CSS
  • Sass/SCSS
  • styled-components

Testing

  • Jest
  • React Testing Library

Tooling

  • Vite
  • Webpack
  • ESLint
  • Git

CI/CD & Cloud

  • GitHub Actions
  • Azure DevOps
  • Docker
  • Google Cloud Run

E-commerce

  • PayPal
  • Apple Pay
  • LaunchDarkly
  • AEM
  • Adobe Analytics

Leadership

  • ADRs
  • Mentorship
  • Code Reviews
  • Tech Radar
  • Hiring

Get in touch

Open to remote contract or part-time engagements with international teams — especially around e-commerce, complex frontend platforms, or modernizing legacy stacks.

jm.gonzalezheredia.dev@gmail.com