Write a docker-compose.yml file to set up a local development environment for a full-stack application (e.g., a React frontend, a Node.js/Express API, and a PostgreSQL database).

Question

Accepted Answer

version: "3.9"

services:
  frontend:
    image: node:20
    container_name: react-frontend
    working_dir: /app
    command: sh -c "npm install && npm run dev"
    ports:
      - "3000:3000"
    volumes:
      # Bind mount for live reloading
      - ./frontend:/app
      # Prevent node_modules from being overwritten
      - /app/node_modules
    environment:
      - CHOKIDAR_USEPOLLING=true
      - VITE_API_URL=http://localhost:5000
    depends_on:
      - api
    networks:
      - app-network

api:
    image: node:20
    container_name: express-api
    working_dir: /app
    command: >
      sh -c "
      npm install &&
      until nc -z db 5432;
      do
        echo 'Waiting for PostgreSQL...';
        sleep 2;
      done;
      npm run dev
      "
    ports:
      - "5000:5000"
    volumes:
      # Bind mount for live reloading
      - ./api:/app
      # Prevent node_modules overwrite
      - /app/node_modules
    environment:
      PORT: 5000
      DB_HOST: db
      DB_PORT: 5432
      DB_USER: postgres
      DB_PASSWORD: postgres
      DB_NAME: app_db
      DATABASE_URL: postgres://postgres:postgres@db:5432/app_db
    depends_on:
      - db
    networks:
      - app-network

db:
    image: postgres:16
    container_name: postgres-db
    restart: always
    ports:
      - "5432:5432"
    environment:
      POSTGRES_USER: postgres
      POSTGRES_PASSWORD: postgres
      POSTGRES_DB: app_db
    volumes:
      # Persist PostgreSQL data
      - postgres-data:/var/lib/postgresql/data
    networks:
      - app-network

volumes:
  postgres-data:

networks:
  app-network:
    driver: bridge

Write a docker-compose.yml file to set up a local development environment for a full-stack application (e.g., a React frontend, a Node.js/Express API, and a PostgreSQL database).

Scenario Questions

Follow-up Questions