---
title: "Microfrontend: microservicios en el desarrollo frontend"
description: En este artículo te hablamos de microfrontend, cuáles son sus principales ventajas y en qué casos es recomendable usar este framework.
image: https://strategicplatform.com/hubfs/iStock-1363276581.jpg
---

[![](https://strategicplatform.com/hubfs/SP%20-%20Resources/logo.svg) ](https://strategicplatform.com)

- [Servicios ](https://strategicplatform.com/servicios)
  
    - [Estrategia](https://strategicplatform.com/servicios/estrategia)
    - [Soluciones tecnológicas](https://strategicplatform.com/servicios/soluciones-tecnologicas)
    - [Relaciones estratégicas con clientes](https://strategicplatform.com/servicios/relaciones-estrategicas-con-clientes)
  
  [Ver todos](https://strategicplatform.com/servicios)
- [Sectores ](https://strategicplatform.com/sectores)
  
    - [Gran consumo](https://strategicplatform.com/sectores/gran-consumo)
    - [Retail](https://strategicplatform.com/sectores/retail)
    - [Servicios](https://strategicplatform.com/sectores/servicios)
    - [Industria](https://strategicplatform.com/sectores/industria)
  
  [Ver todos](https://strategicplatform.com/sectores)
- [Casos de éxito](https://strategicplatform.com/casos-de-exito)
- [Conocimiento ](https://strategicplatform.com/conocimiento)
  
    - [Artículos](https://strategicplatform.com/articulos)
    - [Noticias](https://strategicplatform.com/noticias)
    - [Eventos](https://strategicplatform.com/eventos)
    - [Papers](https://strategicplatform.com/papers)
    - [Newsletter](https://strategicplatform.com/newsletter)
  
  [Ver todos](https://strategicplatform.com/conocimiento)
- Nosotros
  
    - [Sobre Nosotros](https://strategicplatform.com/sobre-nosotros)
    - [Talento](https://strategicplatform.factorial.es/)

[![Contacto](https://hubspot-no-cache-eu1-prod.s3.amazonaws.com/cta/default/2604929/bcf0097c-d35e-4c6e-b02d-910ad5247be2.png)](https://hubspot-cta-redirect-eu1-prod.s3.amazonaws.com/cta/redirect/2604929/bcf0097c-d35e-4c6e-b02d-910ad5247be2)

[![](https://strategicplatform.com/hubfs/SP%20-%20Resources/logo.svg) ](https://strategicplatform.com)

![](https://strategicplatform.com/hubfs/SP%20-%20Resources/bar-mobile.svg)

- Servicios
  
  
  
    - [Estrategia](https://strategicplatform.com/servicios/estrategia)
    - [Soluciones tecnológicas](https://strategicplatform.com/servicios/soluciones-tecnologicas)
    - [Relaciones estratégicas con clientes](https://strategicplatform.com/servicios/relaciones-estrategicas-con-clientes)
  
  [Ver todos](https://strategicplatform.com/servicios)
- Sectores
  
  
  
    - [Gran consumo](https://strategicplatform.com/sectores/gran-consumo)
    - [Retail](https://strategicplatform.com/sectores/retail)
    - [Servicios](https://strategicplatform.com/sectores/servicios)
    - [Industria](https://strategicplatform.com/sectores/industria)
  
  [Ver todos](https://strategicplatform.com/sectores)
- [Casos de éxito](https://strategicplatform.com/casos-de-exito)
- Conocimiento
  
  
  
    - [Artículos](https://strategicplatform.com/articulos)
    - [Noticias](https://strategicplatform.com/noticias)
    - [Eventos](https://strategicplatform.com/eventos)
    - [Papers](https://strategicplatform.com/papers)
    - [Newsletter](https://strategicplatform.com/newsletter)
  
  [Ver todos](https://strategicplatform.com/conocimiento)
- Nosotros
  
  
  
    - [Sobre Nosotros](https://strategicplatform.com/sobre-nosotros)
    - [Talento](https://strategicplatform.factorial.es/)

[![Contacto](https://hubspot-no-cache-eu1-prod.s3.amazonaws.com/cta/default/2604929/bcf0097c-d35e-4c6e-b02d-910ad5247be2.png)](https://hubspot-cta-redirect-eu1-prod.s3.amazonaws.com/cta/redirect/2604929/bcf0097c-d35e-4c6e-b02d-910ad5247be2)

Estrategia

# Microfrontend: microservicios en el desarrollo frontend

01/10/24

Lectura: 3 min.

El uso de microfrontend nos permite utilizar y gestionar diferentes tecnologías de forma independiente incluso cuando estas tecnologías están acopladas entre sí. Esto se traduce en una mejor usabilidad, mayor autonomía del software y mayor agilidad en el desarrollo de procesos internos y externos. Algo que toda empresa del siglo XXI necesita para conseguir alcanzar los mejores resultados posibles. 

Si quieres saber más sobre qué son los microfrontends y todo lo que pueden hacer por tu compañía sigue leyendo y te lo contamos.

## ¿Qué es microfrontend?

Microfrontend o Module Federation es una forma de desarrollar páginas web que consiste en la **combinación de diferentes compilaciones con el objetivo de crear una única aplicación**.

El término microfrontend surge en el año 2016. Hoy en día, en la parte de backend, se ha evolucionado hacia un backend modularizado en diferentes piezas. En cambio, el frontend aún sigue siendo considerado un bloque monolítico. 

En este sentido, la tendencia actual es crear una aplicación de navegador potente y rica en características desde donde poder gestionar todo, también conocida como “single page app”.

## ¿Para qué sirve un microfrontend?

Un microfrontend es como un microservicio de backend pero que existe dentro de un navegador. El enfoque de los microfrontends es pensar en un sitio web (o aplicación web) como una composición de características que son propiedad de equipos independientes. 

De este modo, los microfrontends son **secciones de la interfaz de usuario**. Estas secciones a menudo constan de docenas de componentes que usan framework como React, Vue y Angular para renderizar sus componentes. 

Cada microfrontend **puede ser administrado por un equipo diferente y puede ser implementado usando su propio framework**. En este sentido, es práctico y se recomienda usar un solo framework para todos sus microfrontends, aunque, en la práctica, se pueden agregar frameworks adicionales al migrar o al experimentar.

Cada microfrontend tiene su repositorio *git* propio, su archivo *package.json* donde están las diferentes dependencias, y su propia configuración para la herramienta de compilación. Por lo tanto, también existe un CI/CD independiente por cada microfrontend.

## Ventajas de microfrontend

Las principales ventajas que nos ofrece utilizar microfrontends son las siguientes: 

### Nos permite la posibilidad utilizar diferentes tecnologías

Al usar microfrontend, se pueden tener al mismo tiempo diversas tecnologías como Vue, React o Angular entre otros, ya que se desarrollaran de forma independiente en cada microfrontends, diseñando aplicaciones autocontenidas que no dependen las unas de las otras.

### Aislar el código del equipo

No hay necesidad de compartir tiempo de ejecución. Usar microfrontends permite la creación de aplicaciones independientes y sin necesidad de confiar en un estado compartido o variables globales.

### Escalabilidad

Esta independencia de microfrontend permite una aplicación escalable. En términos de negocio, y atendiendo a las necesidades del proyecto, nos permite no perder las cualidades que ya lo conforman y le añaden valor. Además, también permiten añadir otras funcionalidades nuevas e ir acoplando otras de forma progresiva sin depender del código ya existente.

### Código mantenible y reducido

Cada desarrollador trabaja de forma independiente en cada microfrontend. De esta forma, es posible hacer desarrollos paralelos y aislados. En consecuencia, el código se verá reducido, ya que cada microfrontend es una pequeña pieza y no funciona como un frontend monolítico.

### Desarrollo independiente y autonomía

Los microfrontends puede desarrollarse en paralelo y no depender de otros desarrollos. En este sentido, se pueden hacer diferentes versiones de cada microfrontend y testearse y desplegarse de forma individual e independiente entre sí. 

### Optimización y organización de los recursos y equipos de la empresa

Al ser independientes, los equipos de desarrollo de los microfrontends pueden trabajar sobre las diferentes features de forma autónoma. Además, todos pueden trabajar en paralelo y de forma organizada, lo que se traduce en un acortamiento de los tiempos de desarrollo.

## Desventajas de los microfrontends

Algunas de las principales desventajas de los microfrontends son las siguientes: 

### Alta complejidad operacional

Una de las desventajas más destacadas del uso de microfrontends es la alta complejidad operacional que implican. En este sentido, cada microfrontend debe desplegarse de forma independiente, lo que conlleva la correspondiente gestión de diferentes entornos y servidores. 

Además, todo esto implica también un mayor gasto económico y de recursos para poder llevarlo a cabo. 

### Aumento del tamaño de las dependencias de la aplicación final

La aplicación final, donde convergen todos los microfrontends, puede encontrarse con un tamaño considerablemente superior cuando se usan microfrontends. Por ejemplo, esto podría suceder debido a la duplicidad de dependencias entre otros. En el caso de las dependencias, lo más recomendable es crear una biblioteca de dependencias compartidas. 

## Tipos de microfrontend

A grandes rasgos, encontramos tres tipos de microfrontends:  

- **Aplicaciones single-spa**: son microfrontends que renderizan componentes para un conjunto de rutas específicas.
- **Paquetes single-spa**: son microfrontends que renderizan componentes sin controlar las rutas.
- **Módulos de utilidad**: son microfrontends que exportan lógica JavaScript compartida y sin renderizar componentes.

## Microfrontend: una solución a la necesidad de una arquitectura escalable

Las bases del código se están volviendo cada vez más complejas, lo que implica una creciente **necesidad de arquitecturas más escalables**. En este sentido, surge la necesidad de poder escalar la entrega de software a través de equipos independientes y autónomos. Una posible solución a esta necesidad la encontramos en el uso de microfrontends, que nos permiten **trabajar de forma independiente con cada una de las diferentes secciones de interfaz de usuario** sin afectar al resto del código. 

Esta tecnología es especialmente necesaria en proyectos de gran envergadura y de alta complejidad técnica, ya que permite trabajar de forma modularizada, distribuyendo de una forma más eficiente tanto los recursos técnicos como operacionales. 

[![¿Quieres saber cómo implementar RPA en tu empresa? Descarga la guía aquí](https://hubspot-no-cache-eu1-prod.s3.amazonaws.com/cta/default/2604929/8065594d-32ae-44c7-ab1d-4183ddadb34f.png)](https://hubspot-cta-redirect-eu1-prod.s3.amazonaws.com/cta/redirect/2604929/8065594d-32ae-44c7-ab1d-4183ddadb34f)

![Author avatar](https://strategicplatform.com/hubfs/Isologo%202.png)

Strategic Platform

 Creamos nuevos productos y servicios superiores hibridando la tecnología con los modelos de negocio

NOVEDADES

### Ideas, avances

### y actualidad.

[ Ver todos ](https://strategicplatform.com/conocimiento)

![](https://strategicplatform.com/hubfs/ICON%20SP/24px/arrow-left.svg)

![](https://strategicplatform.com/hubfs/ICON%20SP/24px/arrow-right.svg)

![](https://strategicplatform.com/hubfs/ICON%20SP/24px/red/view-grid-detail.svg)

 Articulo

15.08.25

Decisiones complejas, soluciones cuánticas: un nuevo paradigma tecnológico

[ Leer más ](https://strategicplatform.com/noticias/decisiones-complejas-soluciones-cuanticasnuevo-paradigma-tecnologico)

![](https://strategicplatform.com/hubfs/ICON%20SP/24px/red/weixin-people-nearby.svg)

 evento

16.10.24

Testimonios Comerciales · BCN: aprendizajes desde el terreno

[ Leer más ](https://strategicplatform.com/hubfs/Testimonios%20BCN%20Comercial%2016.10.mp4)

![](https://strategicplatform.com/hubfs/ICON%20SP/24px/Subtract-1.svg)

 informe

30.09.25

Fruit Attraction 2025: competir más allá del producto

[ Leer más ](https://strategicplatform.com/noticias/fruit-attraction-2025)

![](https://strategicplatform.com/hubfs/ICON%20SP/24px/red/view-grid-detail.svg)

 Articulo

01.10.25

La Transformación de las Plataformas Corporativas con IA: Un Nuevo Paradigma Estratégico

[ Leer más ](https://strategicplatform.com/noticias/la-transformacion-de-las-plataformas-corporativas-con-ia-un-nuevo-paradigma-estrategico)

![](https://strategicplatform.com/hubfs/ICON%20SP/24px/red/weixin-people-nearby.svg)

 evento

16.05.24

El Ejido acoge una nueva edición de Conversaciones con CEOs

[ Leer más ](https://strategicplatform.com/noticias/el-ejido-acoge-una-nueva-edici%C3%B3n-de-conversaciones-con-ceos-centrada-en-el-impacto-de-la-ia-en-el-sector-hortofrutcolai)

![](https://strategicplatform.com/hubfs/ICON%20SP/24px/Subtract-1.svg)

 noticia

12.06.25

Participamos en el 15º Congreso AECOC de Bienes Tecnológicos de Consumo

[ Leer más ](https://www.linkedin.com/feed/update/urn:li:activity:7340747560694730753?utm_campaign=4071857-Newsletter%20ES&utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz-8fWqn0oQmY83arkGOxf2ea20q7mjJzGWJ6mKL_r1PPQRFaRtIdJdok1aMhEV7bB4pNUSSM)

![](https://strategicplatform.com/hubfs/ICON%20SP/24px/red/newspaper-folding.svg)

 noticia

02.06.25

Strategic Platform en La Vanguardia: acompañamos al AMB en búsqueda de soluciones para la seguridad ciudadana

[ Leer más ](https://www.lavanguardia.com/local/barcelona/20250603/10746463/app-amb-permitira-activar-videovigilancia-vea-riesgo.html?utm_campaign=4071857-Newsletter%20ES&utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz-8fWqn0oQmY83arkGOxf2ea20q7mjJzGWJ6mKL_r1PPQRFaRtIdJdok1aMhEV7bB4pNUSSM)

![](https://strategicplatform.com/hubfs/ICON%20SP/24px/red/view-grid-detail.svg)

 Articulo

26.05.25

La nueva frontera de adopción de la IA: la legislación es el marco, la gobernanza es la clave

[ Leer más ](https://strategicplatform.com/noticias/nueva-frontera-adopcion-ia-legislacion-marco-gobernanza-clave)

![](https://strategicplatform.com/hubfs/ICON%20SP/24px/red/view-grid-detail.svg)

 Articulo

22.05.25

Los retos de la industria, más allá de la necesaria integración de la IA

[ Leer más ](https://strategicplatform.com/noticias/retos-industria-necesaria-integracion-ia)

![](https://strategicplatform.com/hubfs/ICON%20SP/24px/red/view-grid-detail.svg)

 Articulo

16.05.25

Desarrollo de una herramienta para mejorar el rendimiento técnico de los atletas

[ Leer más ](https://www.muypymes.com/2025/05/12/herramienta-mejorar-rendimiento-tecnico-atletas)

![](https://strategicplatform.com/hubfs/ICON%20SP/24px/red/newspaper-folding.svg)

 Revista

24.04.25

Revista Q1 2025

[ Leer más ](https://strategicplatform.aflip.in/revista_q1_2025?utm_campaign=4071857-Newsletter%20ES&utm_medium=email&_hsenc=p2ANqtz-9OcWlOROsBuLyxMLif_r7N09PtlQFo_5PoBX-4JqSCumB-MqgPYvlBERSdszdKH9VSguCLrWrcNjv19jq4rLyeGVkxh1-YPjr7uWXP7KuNc0FaC-c&_hsmi=358263525&utm_content=358263525&utm_source=hs_email)

![](https://strategicplatform.com/hubfs/ICON%20SP/24px/red/newspaper-folding.svg)

 noticia

21.04.25

Ciencia en la IA

[ Leer más ](https://www.lavanguardia.com/economia/20250421/10600341/ciencia-ia.html?utm_campaign=4071857-Newsletter%20ES&utm_medium=email&_hsenc=p2ANqtz-8farg3m-2Ftj80QS-IVehBq3kspxEHVSGlKAQ4FU9IlqeiLxQoGIZ6ZtNMBVbIpwQaENK-5cesAOAcFBTsbpXbm4Recm9kyNGfbZ7WgXhkEiL1VmY&_hsmi=358263525&utm_content=358263525&utm_source=hs_email)

![](https://strategicplatform.com/hubfs/ICON%20SP/24px/red/log.svg)

 Entrevista

17.03.25

IA aplicada al rendimiento deportivo.

[ Leer más ](https://strategicplatform.com/noticias/ia-aplicada-al-rendimiento-deportivo)

![](https://strategicplatform.com/hubfs/ICON%20SP/24px/red/video-two.svg)

 entrevista

25.04.25

De la academia al mercado: así exploramos y evolucionamos la computación cuántica

[ Leer más ](https://strategicplatform.com/noticias/academia-mercado-exploramos-evolucionamos-computacion-cuantica)

![](https://strategicplatform.com/hubfs/ICON%20SP/24px/red/log.svg)

 noticia

24.04.25

Insurance World Challenge: IA, automatización y el dilema del pensamiento delegado

[ Leer más ](https://strategicplatform.com/noticias/insurance-world-challenge-ia-automatizacion-dilema-pensamiento-delegado)

![](https://strategicplatform.com/hubfs/ICON%20SP/24px/red/weixin-people-nearby.svg)

 Evento

23.04.25

Rosas, libros y equipo: así vivimos Sant Jordi

[ Leer más ](https://www.linkedin.com/feed/update/urn:li:activity:7320833394093793280/?utm_campaign=4071857-Newsletter%20ES&utm_medium=email&_hsenc=p2ANqtz--DnsYo417DhmUYbZQCwUye3ruQvQibO2SkAT6WQrNJpAaRzRWTc1w4r_GW-xRzAhFO1bILfcwUl7nPgmQcEdoEk38KWr5KqaysEs9jKOnxCZMIUds&_hsmi=358263525&utm_content=358263525&utm_source=hs_email)

![](https://strategicplatform.com/hubfs/ICON%20SP/24px/red/newspaper-folding.svg)

 noticia

02.03.25

La IA redefine las reglas de la relación con el cliente en el gran consumo.

[ Leer más ](https://www.abc.es/economia/ia-redefine-reglas-relacion-cliente-gran-consumo-20250302170059-nt.html)

![](https://strategicplatform.com/hubfs/ICON%20SP/24px/red/newspaper-folding.svg)

 Catalogo

27.11.24

Casos propios transformadores de IA

[ Leer más ](https://strategicplatform.com/papers/casos-propios-transformadores-ia)

![](https://strategicplatform.com/hubfs/ICON%20SP/24px/red/log.svg)

 noticia

05.03.25

La IA como herramienta clave para maximizar las oportunidades en el Food Service.

[ Leer más ](https://www.revistahosteleria.com/file/fullscreen/53476#bn/89)

![](https://strategicplatform.com/hubfs/ICON%20SP/24px/red/video-two.svg)

 Entrevista

21.02.25

Manuel Rojo, CEO de Maheso, en Conversaciones con CEOs.

[ Leer más ](https://strategicplatform.com/hubfs/Testimonios%20Gran%20Consumo%20Barcelona%2020.02%20-%20HQ.mp4?utm_campaign=4071857-Newsletter%20ES&utm_medium=email&_hsenc=p2ANqtz--g_x4ytGIuWVLTEuCur2ASSrHWTG7JSEIgGIKVEPiaUuBwzadnwpcal0yCEw7xUkQqueTnVcMGGgApe3jeC2qn5nIsA5Tme2SOQek0Gbl6E6R3xto&_hsmi=2&utm_content=2&utm_source=hs_email)

![](https://strategicplatform.com/hubfs/ICON%20SP/24px/red/log.svg)

 noticia

18.02.25

Estrategia Cuántica: La Nueva Frontera para Empresas que Buscan Ventaja Competitiva.

[ Leer más ](https://strategicplatform.com/noticias/estrategia-cu%C3%A1ntica-la-nueva-frontera-para-empresas-que-buscan-ventaja-competitiva)

![](https://strategicplatform.com/hubfs/ICON%20SP/24px/red/log.svg)

 noticia

25.02.25

Detección de anomalías en redes definidas por software.

[ Leer más ](https://strategicplatform.com/noticias/deteccion-de-anomalias-en-redes-definidas-por-software)

![](https://strategicplatform.com/hubfs/ICON%20SP/24px/red/video-two.svg)

 Entrevista

11.02.25

Mujeres en la Ciencia: De la Sombra a la Vanguardía.

[ Leer más ](https://strategicplatform.com/noticias/mujeres-en-la-ciencia-de-la-sombra-a-la-vanguard%C3%ADa)

![](https://strategicplatform.com/hubfs/ICON%20SP/24px/red/video-two.svg)

 entrevista

26.02.25

Conversaciones con CEOs

[ Leer más ](https://strategicplatform.com/hubfs/Testimonio%20%C3%81lvaro%20Lisboa%2020.02%20-%20HQ.mp4?utm_campaign=4071857-Newsletter%20ES&utm_medium=email&_hsenc=p2ANqtz-_0mWBLby5b2h3Z7iBXg5_CzUDXztvFroO9vmN6Kb7Jlt7SDj16r0W_EScEwdkDYpqdvsQVQxY-jh3k5OD22Dvgkz6E3jTLuKOi8LGzEofoutyqQbo&_hsmi=2&utm_content=2&utm_source=hs_email)

![](https://strategicplatform.com/hubfs/ICON%20SP/24px/red/video-two.svg)

 entrevista

23.01.25

Óscar Promio en ON-IA: Cómo la IA redefine la personalización en las empresas.

[ Leer más ](https://strategicplatform.com/noticias/oscar-promio-en-on-ia)

![](https://strategicplatform.com/hubfs/ICON%20SP/24px/red/log.svg)

 Noticia

01.02.25

Visión CEOs 2025.

[ Leer más ](https://strategicplatform.com/hubfs/Promo%20Visi%C3%B3n%20CEOs%20Enero.mp4)

![](https://strategicplatform.com/hubfs/ICON%20SP/24px/red/microphone.svg)

 Podcast

15.01.25

Podcast: Nuestra visión sobre IA en "Disruptores Digitales".

[ Leer más ](https://strategicplatform.com/noticias/elena-camara-en-disruptores-digitales)

[ Ver todos ](https://strategicplatform.com/conocimiento)

Contacta

### Conectar. Colaborar. Crecer.

Algunos detalles para conocerte mejor

Revisaremos tu solicitud y nos pondremos en contacto contigo lo antes posible.

Enviar otro formulario

Atrás

Continuar

```json
{
  "@context" : "https://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "Strategic Platform",
    "url" : "https://strategicplatform.com/articulos/author/strategic-platform"
  },
  "dateModified" : "2023-10-03T06:20:24.966Z",
  "datePublished" : "2023-02-03T09:22:59.000Z",
  "headline" : "Microfrontend: microservicios en el desarrollo frontend",
  "image" : [ "https://strategicplatform.com/hubfs/iStock-1363276581.jpg" ],
  "mainEntityOfPage" : {
    "@id" : "https://strategicplatform.com/articulos/microfrontends-microservicios-en-el-desarrollo-frontend",
    "@type" : "WebPage"
  },
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "url" : "https://strategicplatform.com/hubfs/Sin%20t%C3%ADtulo-1.png"
    },
    "name" : "Strategic Platform"
  }
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://strategicplatform.com/sobre-nosotros",
  "@type" : "Organization",
  "contactPoint" : {
    "@type" : "ContactPoint",
    "contactType" : "customer support",
    "email" : "marketing@strategicplatform.com"
  },
  "logo" : {
    "@type" : "ImageObject",
    "url" : "https://strategicplatform.com/hubfs/SP%20-%20Resources/logo.svg"
  },
  "name" : "Strategic Platform",
  "sameAs" : [ "https://www.linkedin.com/company/strategicplatform" ],
  "url" : "https://strategicplatform.com"
}
```