Skip to content

Simplify example for "Setup Containers" #355

@tjanez

Description

@tjanez

I would suggest something like:

# Paste your Compose file (e.g. docker-compose.yaml) here.
# Below is an example for an app with 3 services:
# Postgres DB, Django backend and React frontend.

services:
  db:
    image: docker.io/library/postgres:18-alpine
    environment:
      - POSTGRES_DB=${DB_NAME}
      - POSTGRES_USER=${DB_USER}
      - POSTGRES_PASSWORD=${DB_PASSWORD}
    volumes:
      - pg_data:/var/lib/postgresql/data

  backend:
    image: docker.io/library/python:3.14-slim
    build: ./backend
    command: python manage.py runserver 0.0.0.0:8000
    volumes:
      # Socket used by ROFL Python Client to communicate with ROFL appd REST API.
      - /run/rofl-appd.sock:/run/rofl-appd.sock
    ports:
      - "8000:8000"
    depends_on:
      - db
    environment:
      - DB_ENGINE=django.db.backends.postgresql
      - DB_NAME=${DB_NAME}
      - DB_USER=${DB_USER}
      - DB_PASSWORD=${DB_PASSWORD}
      - DB_HOST=db
      - DB_PORT=5432

  frontend:
    image: docker.io/library/node:20-alpine
    build: ./frontend
    command: pnpm dev
    ports:
      - "5173:5173"

volumes:
  pg_data:

Additionally, perhaps we could have the example be similar to how IDEs suggest code blocks in italics and when a user clicks the "Tab" key, they get converted to "real" code that a user can edit.

One downside of the current approach is that the initial view is not scrolable and a user will not even see the Secrets table because technically, everything appears to be on a single line:

Image

Can you research what options are available?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions