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 read • Q2BSTUDIO Team

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

A BREAK?

Play for a moment before you go

OUR SERVICES

How we can help you

Artificial intelligence

AI agents, chatbots, and intelligent assistants that automate tasks and serve your customers 24/7 to improve the efficiency of your business.

More info

Software Development

Web, mobile, and desktop applications, intranets, e-commerce, SaaS, and management platforms designed for your company's specific needs.

More info

Cloud services

Migration, infrastructure, managed hosting, high availability, and security on Microsoft Azure and Amazon Web Services to help your business scale without limits.

More info

Cybersecurity and pentesting

Security audits, penetration testing and protection of applications, data and infrastructure on-premise and cloud, with ethical hacking and regulatory compliance.

More info

Business Intelligence

Dashboards and data analysis with Power BI: we integrate your sources, design dashboards and KPIs and turn your data into decisions.

More info

Process automation

We automate repetitive tasks and connect your applications with n8n, Power Automate, Make, and RPA, eliminating manual work and increasing productivity.

More info

Training for Companies

We train your teams in technology with criteria: web development, databases, Git, best practices and security, automation with n8n, artificial intelligence for companies and creation of AI solutions with Azure AI Foundry.

More info

Code Auditing

We audit the code that you, your team or an AI create: we tell you what is good and what to improve, we secure it and make it ready for production, web or app.

More info

AI Image Generation

We create for you the images that your business needs with artificial intelligence: product, networks, advertising, illustration and avatars. You tell us what you want and we deliver it ready to use.

More info

AI Video Generation

We create videos with artificial intelligence for you: promotional, networking, virtual presenters, dubbing and animations. You tell us the idea and we will deliver it assembled and ready to publish.

More info

AI Conversational Avatars

We create conversational avatars with AI – digital humans with a face and voice – that serve your customers and teams with the knowledge of your company, on your website, interactive monitors, WhatsApp or Teams.

More info

Online Marketing and AI

Google Ads, Meta Ads, LinkedIn Ads and AI Engine Positioning (GEO/AEO): we attract customers and make your brand appear where they search for you, also on ChatGPT, Gemini and Perplexity.

More info

Do you have a project in mind?

Tell us your vision and we'll turn it into a software solution. Whatever the scope, we make your idea real.