Serie Docker: Episodio 9 — Docker Compose en la Práctica: Volúmenes, Redes y Frontend

Proyecto ToDo full stack con Docker Compose: frontend React, backend Node/Express y MongoDB, volúmenes y red aislada para despliegue reproducible con un solo comando.

31 ago 2025 • 3 min de lectura • Equip Q2BSTUDIO

Inteligencia-Artificial-

Serie Docker Episodio 9 Docker Compose en el mundo real Volúmenes Redes y Frontend

Has dominado lo básico de Docker Compose y ahora toca dar el salto a un proyecto full stack listo para producción con datos persistentes, red aislada y un frontend que se comunica con tu backend y tu base de datos, todo orquestado con un solo comando.

Qué vamos a construir Una aplicación ToDo con frontend en React, backend en Node y Express, base de datos MongoDB, volúmenes para persistencia y una red dedicada para que los contenedores se comuniquen de forma limpia y sin conflictos de puertos.

Estructura del proyecto Carpeta raíz llamada todo-app con el archivo docker-compose.yml, subcarpeta backend con su Dockerfile e index.js, y subcarpeta frontend con su Dockerfile y la app de React.

Servicios en docker compose Definimos tres servicios. Mongo usa la imagen oficial, un volumen con nombre para persistir en data db y una red app net. El backend se construye desde la carpeta backend, expone el puerto 5000, depende de Mongo y recibe la variable MONGO_URL con el formato mongodb mongo 27017 todos, utilizando la misma red. El frontend se construye desde frontend, expone el puerto 3000, depende del backend y se integra en la red app net. Además se declara el volumen con nombre mongo data y la red app net para mantener todo aislado.

Dockerfile del backend Basado en Node 18, define el directorio de trabajo, copia el código, instala dependencias con npm install, expone el puerto 5000 y arranca con node index.js.

Dockerfile del frontend Basado en Node 18, define el directorio de trabajo, copia el código, instala dependencias, ejecuta el build de la app de React y arranca con npm start en el puerto 3000.

Puesta en marcha Ejecuta docker compose up -d --build y tendrás la pila completa corriendo. Accede al frontend en https://localhost:3000 y a la API en https://localhost:5000.

Por qué este enfoque es potente Persistencia real gracias a volúmenes con nombre, red aislada para comunicación interna sin choques de puertos, y despliegue completo con un solo comando. Ideal para entornos de desarrollo y una base sólida para staging y producción.

Consejos profesionales Usa archivos env para variables y secretos, añade un docker compose override yml para ajustes locales sin tocar la definición principal, y combina depends on con healthchecks para garantizar que los servicios arranquen de forma robusta.

Qué viene después En el siguiente episodio dockerizaremos una app que tú elijas, escribiremos su Dockerfile y su Compose y repasaremos el proceso paso a paso para que puedas replicarlo en tus proyectos.

Cómo te ayuda Q2BSTUDIO En Q2BSTUDIO diseñamos y desplegamos soluciones de aplicaciones a medida y software a medida, optimizadas para contenedores y orquestación, integrando buenas prácticas de seguridad, observabilidad y CI CD. Si quieres acelerar tus productos con infraestructura moderna y escalable en la nube, revisa nuestros servicios cloud AWS y Azure. Y si buscas crear una plataforma multiplataforma, integraciones con APIs, microservicios o modernizar un monolito, descubre nuestro enfoque de software a medida.

Más valor para tu negocio También somos especialistas en inteligencia artificial, ia para empresas y agentes IA, con integración de modelos, copilotos para equipos y automatización de procesos. Fortalecemos tu postura de ciberseguridad con auditorías y buenas prácticas DevSecOps, y ofrecemos servicios inteligencia de negocio con paneles en power bi que conectan datos operativos y métricas de producto para tomar decisiones con impacto.

Lleva tu stack al siguiente nivel Comparte tu tecnología objetivo y te orientamos para escribir un Compose limpio, reproducible y listo para escalar. Este es el momento de simplificar despliegues, reducir tiempos de onboarding y estandarizar entornos con contenedores.

Palabras clave aplicaciones a medida software a medida inteligencia artificial ciberseguridad servicios cloud aws y azure servicios inteligencia de negocio ia para empresas agentes IA power bi

UNA PAUSA?

Juga una estona abans de marxar

ELS NOSTRES SERVEIS

Com et podem ajudar

Intel·ligència artificial

Agents d'IA, chatbots i assistents intel·ligents que automatitzen tasques i atenen els teus clients 24/7 per millorar l'eficiència del teu negoci.

Més info

Desenvolupament de programari

Aplicacions web, mòbils i d'escriptori, intranets, e-commerce, SaaS i plataformes de gestió dissenyades per a les necessitats concretes de la teva empresa.

Més info

Serveis cloud

Migració, infraestructura, hosting gestionat, alta disponibilitat i seguretat en Microsoft Azure i Amazon Web Services perquè el teu negoci escali sense límits.

Més info

Ciberseguretat i pentesting

Auditories de seguretat, test d'intrusió (pentesting) i protecció d'aplicacions, dades i infraestructura on-premise i cloud, amb hacking ètic i compliment normatiu.

Més info

Business Intelligence

Quadres de comandament i anàlisi de dades amb Power BI: integrem les teves fonts, dissenyem dashboards i KPIs i convertim les teves dades en decisions.

Més info

Automatització de processos

Automatitzem tasques repetitives i connectem les teves aplicacions amb n8n, Power Automate, Make i RPA, eliminant treball manual i augmentant la productivitat.

Més info

Formació per a empreses

Formem els teus equips en tecnologia amb criteri: desenvolupament web, bases de dades, Git, bones pràctiques i seguretat, automatització amb n8n, intel·ligència artificial per a empreses i creació de solucions d'IA amb Azure AI Foundry.

Més info

Auditoria de codi

Auditem el codi que creguis tu, el teu equip o una IA: et diem què està bé i què millorar, el securitzem i el deixem llest per a producció, web o app.

Més info

Generació d'imatges amb IA

Creem per tu les imatges que necessita el teu negoci amb intel·ligència artificial: producte, xarxes, publicitat, il·lustració i avatars. Tu ens dius què vols i t'ho lliurem llest per fer servir.

Més info

Generació de vídeos amb IA

Creem per tu vídeos amb intel·ligència artificial: promocionals, per a xarxes, presentadors virtuals, doblatge i animacions. Ens comptes la idea i t'ho lliurem muntat i llest per publicar.

Més info

Avatars conversacionals amb IA

Creem avatars conversacionals amb IA —humans digitals amb cara i veu— que atenen els teus clients i equips amb el coneixement de la teva empresa, a la teva web, monitors interactius, WhatsApp o Teams.

Més info

Màrqueting Online i IA

Google Ads, Meta Ads, LinkedIn Ads i posicionament en motors d'IA (GEO/AEO): captem clients i fem que la teva marca aparegui on et busquen, també a ChatGPT, Gemini i Perplexity.

Més info

Tens un projecte en ment?

Explica'ns la teva visió i la convertim en una solució de programari. Sigui quin sigui l'abast, fem realitat la teva idea.