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

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