Skip to content

๐Ÿ’ณ CardBox

cardbox_banner

Rust โ€” axum + tokio React โ€” TypeScript + Vite PostgreSQL PWA โ€” offline-first Version 1.0.0

CardBox is a self-hosted wallet for loyalty cards: each card keeps its brand, colour and logo, its barcode and the card code some terminals ask for. Open a card and the barcode fills the phone screen, ready for the till.

Introduction

Accounts are invite-only and every user keeps their own cards; a card can be shared read-only with chosen accounts. Cards are added by hand or by photographing them: the backend reads the barcode out of the picture and suggests the card's colour, the barcode itself is drawn on the phone by the SPA. Built phone-first (370โ€“480 px), comfortable on the desktop, and installable: the wallet lives on the device and syncs in the background.

This page covers installing and running the application as a self-contained web service.

Info

CardBox is open-source and lives in this repository under src/ (Rust backend + React/TypeScript frontend), with the Podman packaging in build/, quadlet/ and nginx/.

Features

  • ๐Ÿ’ณ Own wallet per user, sharing on purpose: coloured tiles with the brand logo (or name) centred, searchable by brand or notes; a card can be shared read-only with chosen accounts
  • โ–ฎโ–ฏโ–ฎ Barcodes drawn client-side (EAN-13/8, UPC-A/E, Code 128, Code 39, ITF, Codabar, QR) on a white stage, with the number in large digits and the optional card code; a full-screen white till mode and a screen wake lock for the scanner
  • ๐Ÿ“ท Scan a card: a photo is decoded on the backend (format + value) and the card colour is suggested from the picture
  • ๐ŸŽจ A colour panel (picker + presets), optional rectangular logo โ€” transparent PNG works best โ€” downscaled in the browser, UUID-named file under the data directory
  • ๐Ÿ“ด Local-first PWA: the wallet lives on the device โ€” it opens instantly with no network, cards and logos edited offline sync in the background (last edit wins) and changes from other devices arrive live; the photo scan and adding a share recipient need a connection (offline & sync)
  • ๐Ÿ” Invite-only accounts with emailed activation links, forgot-password link and optional TOTP 2FA โ€” admins invite, promote and delete users, and any account can delete itself from its profile, the last admin excepted
  • ๐ŸŒ— Light, dark or system theme per account โ€” system, the device's own setting followed live, by default; the sign-in pages, their card of frosted glass from the app's own palette (opaque under reduced transparency) over an animated scene of loyalty cards, are light by day and dark from 18:00 to 08:00 on the device's clock, whatever the device's own theme (CARDBOX_LOGIN_THEME / CARDBOX_LOGIN_NIGHT), and once signed in the account's own theme takes over

How it works

Web UI the wallet offline draws the barcodes axum API serves the SPA decodes a photo (ZXing, pure Rust) PostgreSQL cards ยท shares users ยท sessions REST ยท sync SSE data/logos card logos UUID names
The wallet lives on the device; the server keeps the cards, the shares and the logos.

The backend binary serves both the API and the built React SPA. Cards, users and sessions live in PostgreSQL; the card logos are stored as files under the data directory. A photographed card is decoded server-side (pure-Rust ZXing port); the barcodes shown at the till are rendered in the browser from the stored format + value.


๐Ÿ“ฅ Installation

This section describes how to install and run Podman services using systemd Quadlet, enabling containers to restart automatically. It allows the service to run in its own isolated rootless environment with a dedicated Linux user.

๐Ÿ“‹ Requirements

Info

CardBox requires the installation of


โš™๏ธ Configuration

๐Ÿ“‹ Service Setup

Define Service Variables

# define the service name
SERVICE_NAME=cardbox
Initialize Service Environment
# built-in bash safety and SERVICE_NAME validation
set -euo pipefail; [ -n "${SERVICE_NAME:-}" ] || { echo "SERVICE_NAME is empty"; exit 1; }

# automatically generate variables
SERVICE_HOME="/media/ssd/podman-users/${SERVICE_NAME}"
SERVICE_DIR="/media/ssd/podman/${SERVICE_NAME}"
SERVICE_USER="${SERVICE_NAME}_svc"
SERVICE_ADMIN="${SERVICE_NAME}_admins"

๐Ÿ” Service Isolation

Configure Rootless Podman UID/GID Namespace Mappings
# allocate rootless Podman UID/GID mappings if missing
SUBID_SIZE=65536
allocate_subids_if_missing() {
  local user="$1"
  local start
  if ! grep -q "^${user}:" /etc/subuid; then
    start="$(awk -F: 'BEGIN { max = 100000 } { end = $2 + $3; if (end > max) max = end } END { print max }' /etc/subuid)"
    sudo usermod --add-subuids "${start}-$((start + SUBID_SIZE - 1))" "$user"
  fi
  if ! grep -q "^${user}:" /etc/subgid; then
    start="$(awk -F: 'BEGIN { max = 100000 } { end = $2 + $3; if (end > max) max = end } END { print max }' /etc/subgid)"
    sudo usermod --add-subgids "${start}-$((start + SUBID_SIZE - 1))" "$user"
  fi
}
allocate_subids_if_missing "${SERVICE_USER}"

# verify rootless Podman UID/GID namespace mappings exist
grep -q "^${SERVICE_USER}:" /etc/subuid || { echo "ERROR: missing subuid mappings for ${SERVICE_USER}"; exit 1; }
grep -q "^${SERVICE_USER}:" /etc/subgid || { echo "ERROR: missing subgid mappings for ${SERVICE_USER}"; exit 1; }

# validate that all subordinate ID ranges in a file are non-overlapping
validate_subid_ranges() {
  local file="$1"
  awk -F: '
    {
      start = $2
      end   = $2 + $3 - 1
      for (i = 1; i <= count; i++) {
        if (start <= ends[i] && end >= starts[i]) {
          printf "ERROR: overlapping ranges in %s\n", FILENAME
          printf "  %s:%s:%s overlaps %s:%s:%s\n",
            $1, $2, $3,
            names[i], starts[i], sizes[i]
          exit 1
        }
      }
      count++
      names[count]  = $1
      starts[count] = start
      ends[count]   = end
      sizes[count]  = $3
    }
  ' "$file"
}
validate_subid_ranges /etc/subuid
validate_subid_ranges /etc/subgid

# configure the rootless storage driver BEFORE Podman first initializes its storage.
# fuse-overlayfs is a reliable rootless overlay backend and avoids kernel-version
# quirks of native rootless overlay on ARM/Armbian. It is optional with the default
# userns used here, but recommended; set it before the first storage init so no
# 'podman system reset' is needed later.
sudo -u "${SERVICE_USER}" mkdir -p "${SERVICE_HOME}/.config/containers"
sudo -u "${SERVICE_USER}" tee "${SERVICE_HOME}/.config/containers/storage.conf" >/dev/null <<'EOF'
[storage]
driver = "overlay"

[storage.options.overlay]
mount_program = "/usr/bin/fuse-overlayfs"
EOF

# rebuild rootless Podman state to ensure existing containers/storage use current namespace mappings
# use a login shell (-i) so HOME points at the service user's home
# (storage now initializes with fuse-overlayfs; no 'podman system reset' needed)
sudo -iu "${SERVICE_USER}" podman system migrate
Configure Secure Service Directory Permissions
# Apply the admin/service ACL policy to one directory tree, deterministically.
#   $1 = tree to treat
#   $2 = (optional) a sub-path to skip entirely (e.g. a container data subtree)
#
# Why setfacl, not chmod: on an ACL'd tree, chmod edits only the mask, never group::,
# so stale execute bits survive. setfacl sets every entry explicitly (mask included),
# lowercase โ€” the result is reproducible and no execute bit can resurface.
apply_acl_tree() {
    local tree="$1"
    local skip="${2:-}"
    local prune=()
    [ -n "$skip" ] && prune=( -path "$skip" -prune -o )                                         # skip this subtree if a 2nd arg is given

    sudo find "$tree" "${prune[@]}" -exec chown "${SERVICE_USER}:${SERVICE_ADMIN}" {} +         # service user owns; admin group is the owning group

    # directories โ€” access ACL (perms on the existing dirs)
    sudo find "$tree" "${prune[@]}" -type d -exec setfacl    -m g:${SERVICE_ADMIN}:rwx {} +     # admin group: access existing dirs
    sudo find "$tree" "${prune[@]}" -type d -exec setfacl    -m u:${SERVICE_USER}:rwx {} +      # service user: access existing dirs
    sudo find "$tree" "${prune[@]}" -type d -exec setfacl    -m u::rwx,g::rwx,o::-,m::rwx {} +  # owner/group rwx, deny others, pin mask rwx

    # directories โ€” default ACL (inherited by NEW files/dirs created later)
    sudo find "$tree" "${prune[@]}" -type d -exec setfacl -d -m g:${SERVICE_ADMIN}:rwx {} +     # admin group: inherit access on new items
    sudo find "$tree" "${prune[@]}" -type d -exec setfacl -d -m u:${SERVICE_USER}:rwx {} +      # service user: inherit access on new items
    sudo find "$tree" "${prune[@]}" -type d -exec setfacl -d -m u::rwx,g::rwx,o::- {} +         # default owner/group/other for new items

    # files โ€” access ACL (rw only, never executable)
    sudo find "$tree" "${prune[@]}" -type f -exec setfacl    -m g:${SERVICE_ADMIN}:rw {} +      # admin group: access existing files
    sudo find "$tree" "${prune[@]}" -type f -exec setfacl    -m u:${SERVICE_USER}:rw {} +       # service user: access existing files
    sudo find "$tree" "${prune[@]}" -type f -exec setfacl    -m u::rw,g::rw,o::-,m::rw {} +     # owner/group rw, deny others, pin mask rw

    sudo find "$tree" "${prune[@]}" -type d -exec chmod g+s {} +                                # setgid: new items inherit the group (a MODE bit; ACLs can't set it)
}

# --- SERVICE_HOME: Podman's private runtime home ------------------------------
# Own the home + set setgid, then ACL ONLY the .config subtree (containers.conf,
# storage.conf, and the *.network / *.container quadlets you hand-edit) so admins
# can edit them sudo-less.
#
# Leave ~/.local (storage) and ~/.cache to Podman: ACLs on the overlay store break
# the runtime ("OCI permission denied" on the `merged` mount). Admin reaches them via sudo.
sudo chown "${SERVICE_USER}:${SERVICE_ADMIN}" "${SERVICE_HOME}"                       # service user owns; admin group is the owning group
sudo chmod u=rwx,g=rwx,o=,g+s "${SERVICE_HOME}"                                       # owner/admin access; deny others; inherit group on new items
apply_acl_tree "${SERVICE_HOME}/.config"                                              # .config subtree: full sudo-less admin ACL treatment

# --- bind-mount data dirs: created + owned BEFORE the SERVICE_DIR ACL pass ---------
# Each container writes as a mapped subuid, so its data dir must be owned by that subuid
# (chown as root; only root crosses the id range). We create + own them FIRST so they
# neither inherit SERVICE_DIR's default ACL (inheritance happens at creation) nor get
# walked by apply_acl_tree (which prunes data/).
#
# No ACLs here: Postgres refuses a group-accessible PGDATA. Admin reaches them via sudo;
# back Postgres up with pg_dumpall, not a raw file copy.
SUBUID_BASE="$(awk -F: -v u="${SERVICE_USER}" '$1==u {print $2}' /etc/subuid)"
SUBGID_BASE="$(awk -F: -v u="${SERVICE_USER}" '$1==u {print $2}' /etc/subgid)"

# data subdir : in-container uid/gid it must be owned by
data_dirs=(
    "postgres-db:70"          # /var/lib/postgresql โ€” postgres user (pinned User=70:70)
    "logos:1000"              # /data/logos         โ€” card logos, UUID names (image USER 1000)
)

mkdir -p "${SERVICE_DIR}/data"                                                        # the data/ parent: plain, no ACL
sudo chown "${SERVICE_USER}:${SERVICE_ADMIN}" "${SERVICE_DIR}/data"                   # owner/admin
sudo chmod 0750 "${SERVICE_DIR}/data"                                                 # children are set individually below
for entry in "${data_dirs[@]}"; do
    sub="${entry%%:*}"                                  # subdir name
    ids="${entry#*:}"                                   # "uid" or "uid:gid"
    uid="${ids%%:*}"                                    # uid
    gid="${ids#*:}"; [ "$gid" = "$ids" ] && gid="$uid"  # gid (defaults to uid)
    dir="${SERVICE_DIR}/data/${sub}"
    sudo mkdir -p "$dir"
    sudo chown -R "$((SUBUID_BASE + uid - 1)):$((SUBGID_BASE + gid - 1))" "$dir"   # map both to host subids
    sudo chmod 0700 "$dir"
done

# --- SERVICE_DIR: application data, env files, configuration -------------------
# Full treatment so the admin group gets sudo-less access AND the service user keeps
# access even on admin-created files. data/ is EXCLUDED: those dirs are owned by the
# containers' subuids and need engine-specific modes (Postgres rejects a group/other-
# accessible PGDATA), so they are handled separately just below.
apply_acl_tree "${SERVICE_DIR}" "${SERVICE_DIR}/data"                                 # treat everything EXCEPT data/
Configure Secure NGINX Static Assets Permissions
# Grant the NGINX worker user (www-data) read-only access to assets subtrees.
#   $1     = service directory โ†’ traverse-only (x)
#   $2..$n = assets subtrees served directly by NGINX (configs, icons, favicon, manifest, ...)
apply_acl_nginx() {
    local tree="$1"; shift
    local assets

    sudo setfacl -m u:www-data:x "$tree"                                        # traverse only: pass through, no listing, no reading

    for assets in "$@"; do
        # assets directories โ€” enter + list, existing and future
        sudo find "$assets" -type d -exec setfacl    -m u:www-data:rx {} +      # www-data: read existing dirs
        sudo find "$assets" -type d -exec setfacl -d -m u:www-data:rx {} +      # www-data: inherit read on new items

        # assets files โ€” www-data read-only, owner/admin rw, never executable.
        # Entries AND mask are pinned explicitly: a bare `setfacl -m u:www-data:r`
        # would recalculate the mask to the union of all entries, resurfacing the
        # latent rwx inherited from the default ACL (files would show group rwx).
        sudo find "$assets" -type f -exec setfacl \
          -m u:www-data:r,u:${SERVICE_USER}:rw,g:${SERVICE_ADMIN}:rw,u::rw,g::rw,o::-,m::rw {} +
    done
}

# --- SERVICE_DIR/nginx: served directly by NGINX -----------
# Created AFTER the apply_acl_tree pass so they inherit the default ACL + setgid
# group (service user/admin keep full access); www-data is then layered on top
# as a read-only named entry.
sudo mkdir -p "${SERVICE_DIR}/nginx"
sudo chown "${SERVICE_USER}:${SERVICE_ADMIN}" "${SERVICE_DIR}/nginx"
apply_acl_nginx "${SERVICE_DIR}" "${SERVICE_DIR}/nginx"

๐Ÿ›ก๏ธ Rootless Podman Defaults

Configure rootless Podman per-user configuration directory
# configure rootless Podman defaults for this service user
# - store per-user Podman configuration under ~/.config/containers
sudo -u "${SERVICE_USER}" mkdir -p "${SERVICE_HOME}/.config/containers/systemd"
Configure rootless Podman defaults
# configure rootless Podman defaults for this service user
# - use k8s-file logging for easier log rotation and inspection
sudo -u "${SERVICE_USER}" tee "${SERVICE_HOME}/.config/containers/containers.conf" >/dev/null <<EOF
[containers]
log_driver = "k8s-file"

[engine]
healthcheck_events=false
EOF

๐Ÿ”ง Service Configuration

Setup CardBox Parameters

Before deploying, you need to define a few environment variables that will be used throughout the setup process.

  • BASE_URL: public URL where the web service is accessible
  • HOST_PORT: external port used by NGINX to route traffic to the service
  • ADMIN_EMAIL: the default admin account (email only โ€” there is no admin password in the env)
  • SMTP settings: required so the admin and invited users receive their activation links (startup aborts if the relay is unreachable)
###################################################################################
# NGINX Proxy Configuration
###################################################################################
HOST_PORT=10075
###################################################################################
# Postgres Configuration
###################################################################################
PG_VERSION=18-alpine
PG_DB=cardbox
PG_USER=cardbox
PG_PASSWORD="$(openssl rand -hex 32)"
###################################################################################
# CardBox Configuration
###################################################################################
BASE_URL=https://cardbox.domain.fr
ADMIN_EMAIL=admin@domain.fr
###################################################################################
# SMTP Configuration
###################################################################################
SMTP_HOST=smtp.gmail.com
SMTP_PORT=587
SMTP_SECURITY=starttls
SMTP_USER=cardbox@domain.fr
SMTP_PASSWORD=your-smtp-password
SMTP_FROM=cardbox@domain.fr

Getting Your Gmail SMTP Password

To send emails via Gmail SMTP, you'll need to generate an App Password.
A special password used for third-party applications.
Visit myaccount.google.com/apppasswords to create one.

Use the generated password in the SMTP_PASSWORD field of your configuration.

Create the Environment file
sudo -u "${SERVICE_USER}" tee "${SERVICE_DIR}/postgres.env" >/dev/null <<EOF
###################################################################################
# Postgres Database Configuration
###################################################################################
POSTGRES_VERSION=${PG_VERSION}
POSTGRES_DB=${PG_DB}
POSTGRES_USER=${PG_USER}
POSTGRES_PASSWORD=${PG_PASSWORD}
EOF
sudo -u "${SERVICE_USER}" tee "${SERVICE_DIR}/cardbox.env" >/dev/null <<EOF
###################################################################################
# NGINX Proxy Configuration
###################################################################################
HOST_PORT=${HOST_PORT}

###################################################################################
# Base image versions (build)
###################################################################################
RUST_VERSION=1.98.0
NODE_VERSION=24
DEBIAN_TAG=trixie-slim

###################################################################################
# CardBox Configuration
###################################################################################
CARDBOX_BASE_URL=${BASE_URL}
CARDBOX_COOKIE_SECURE=true

###################################################################################
# Default admin (seeded 'pending' on first start)
###################################################################################
CARDBOX_ADMIN_EMAIL=${ADMIN_EMAIL}

###################################################################################
# SMTP (required for new-user validation emails)
###################################################################################
SMTP_HOST=${SMTP_HOST}
SMTP_PORT=${SMTP_PORT}
SMTP_SECURITY=${SMTP_SECURITY}
SMTP_USER=${SMTP_USER}
SMTP_PASSWORD=${SMTP_PASSWORD}
SMTP_FROM=${SMTP_FROM}
EOF

Keep the .env files

All the secret informations will be stored in the .env files.

Optional tunables (defaults shown in cardbox.prod.env.example): CARDBOX_SESSION_TTL_HOURS=720, CARDBOX_ACTIVATION_TTL_HOURS=72, CARDBOX_MAX_UPLOAD_MB=10, CARDBOX_TRUSTED_PROXIES=127.0.0.1,::1, CARDBOX_LOGIN_THEME=daytime, CARDBOX_LOGIN_NIGHT=18:00-08:00.

๐Ÿงฉ Quadlet Service

Install the Quadlet units
# the units live in the repository under quadlet/ โ€” every .build unit already
# carries the platform build context:
#   PodmanArgs=--build-context platform=/media/ssd/podman/platform
# link them into the service user's systemd directory (the generator and
# podmanctl read them there). Re-runnable: every existing link into quadlet/
# is dropped first โ€” stale or dangling ones included โ€” then the current set
# is linked, replacing a plain file of the same name if one is left over.
# find runs from / : GNU find returns to its starting directory when done, and a
# directory the service user cannot enter (the admin's home, mode 700) fails it โ€” AFTER
# the delete, so a `set -e` shell would stop before relinking
(cd / && sudo -u "${SERVICE_USER}" find "${SERVICE_HOME}/.config/containers/systemd" -maxdepth 1 -type l -lname "${SERVICE_DIR}/quadlet/*" -delete)
sudo -u "${SERVICE_USER}" ln -sf "${SERVICE_DIR}"/quadlet/* "${SERVICE_HOME}/.config/containers/systemd/"

Symlinks, so a pull that edits a unit is live at the next systemctl --user daemon-reload (podmanctl --update reloads after its pull). A pull that adds, renames or removes a unit needs the two lines again, then the reload โ€” quadlet changes are rare and deliberate.

Enable and Start Quadlet Services
# open an interactive shell as the service user
sudo -iu "${SERVICE_USER}"

# reload systemd user units
systemctl --user daemon-reload

# build the cardbox image (first install; podmanctl --update rebuilds afterwards)
systemctl --user start cardbox-build.service

# start Podman Quadlet services
systemctl --user start cardbox-server.service

# verify service status
systemctl --user status cardbox-server.service

To follow the service logs in real time, run sudo journalctl _UID=$(id -u ${SERVICE_USER}) -f from the Debian account.


๐Ÿš€ Deploy CardBox

Install NGINX

NGINX needs to be installed, follow the NGINX section.

Configure NGINX

NGINX needs to be configured using a file in /etc/nginx/sites-enabled directory.
This configuration file specify the documentation path:

# Per-client rate-limit bucket for the auth endpoints (login is Argon2-costly;
# activate consumes single-use tokens). Must live in http{} context, so it sits
# outside the server{} block.
#
# Every zone below keys on $limit_key, the shared key from nginx.conf: the address
# for IPv4, the /64 prefix for IPv6 โ€” keying on a full IPv6 address would let one
# subscriber prefix mint 2^64 empty buckets and bypass the limits entirely.
limit_req_zone $limit_key zone=cardbox_auth:10m rate=10r/m;

# Per-client bucket for the liveness probe. Its own zone, NOT a share of the
# auth one: while offline the app probes /api/health every 15 s per tab, and at
# the auth zone's 10r/m that traffic ate the bucket a login needs โ€” a household
# with a few tabs open could 429 its own sign-in. Generous on purpose (the app
# probes only while it believes it is offline); the point is a ceiling, not a brake.
limit_req_zone $limit_key zone=cardbox_health:10m rate=60r/m;

# Per-client bucket for the picture routes (logo upload, photo scan). Each scan
# decodes a photo on a blocking thread and each logo write hits the disk, so
# this bounds the arrival rate a single source can impose.
#
# Only the writing methods are counted: the wallet fetches every card's logo
# back to back when it opens, far past burst=20 at this zone's 1r/s refill,
# so the logo GETs must pass freely. limit_req skips a request whose key is
# empty, which exempts GET/HEAD while PUT/POST/DELETE keep the brake.
map $request_method $cardbox_upload_key {
  default $limit_key;
  GET     "";
  HEAD    "";
}
limit_req_zone $cardbox_upload_key zone=cardbox_uploads:10m rate=60r/m;

# Per-client connection buckets for the two SSE streams โ€” long-lived by design
# (one per open tab), so they are capped per source IP rather than rate-limited.
# The app caps the total itself; these only stop one client from holding every
# worker connection.
limit_conn_zone $limit_key zone=cardbox_events:10m;
limit_conn_zone $limit_key zone=cardbox_sync_events:10m;

# The app container, published on the loopback by its Quadlet unit. It sits
# behind an upstream block for one reason: `keepalive`. Without it nginx opens โ€”
# and immediately closes โ€” a brand-new TCP connection for EVERY proxied request,
# and on this host each of those crosses rootless Podman's userspace port
# forwarder. Opening the wallet fetches every card's logo back to back on
# top of the SPA assets, so a single page load paid a handshake per card
# through that forwarder.
# `proxy_http_version 1.1` (already set in every location) and
# `proxy_set_header Connection ""` are what let a connection go back into this
# pool instead of being torn down.
upstream cardbox_app {
  server 127.0.0.1:10075;
  keepalive 32;
  keepalive_requests 1000;
  keepalive_timeout 60s;
}

server {
  server_name cardbox.domain.fr;

  # Security headers; `always` also covers the NGINX-served error pages. No
  # Content-Security-Policy here: the app serves its own on every response
  # (src/backend/src/web.rs) with the allowances its features need (the
  # inline pre-paint theme script hash, data:/blob: images for the MFA QR
  # code and picture previews). Browsers enforce EVERY CSP header they
  # receive, so a second, stricter proxy policy would silently break those
  # features โ€” keep the app's CSP the single source of truth.
  add_header Strict-Transport-Security "max-age=63072000; includeSubDomains" always;
  add_header X-Content-Type-Options "nosniff" always;
  add_header X-Frame-Options "DENY" always;
  add_header Referrer-Policy "strict-origin-when-cross-origin" always;

  # The app sends these four itself (platform-http's security headers, HSTS
  # once its cookies are Secure): hidden here, so each reaches the browser once,
  # with the values above. A browser keeps only the FIRST HSTS header it gets,
  # and the app's (one year) came first.
  proxy_hide_header Strict-Transport-Security;
  proxy_hide_header X-Content-Type-Options;
  proxy_hide_header X-Frame-Options;
  proxy_hide_header Referrer-Policy;

  # setup 404 error_page
  error_page 404 /404.html;
  include snippets/error-404.conf;

  # show maintenance page when backend is down
  error_page 502 503 504 /maintenance.html;
  include snippets/error-maintenance.conf;

  # The backend answers unknown /api/* paths with a JSON 404 and every other path
  # with the SPA (200), so the only 404 that ever reaches us from upstream is an
  # API error. proxy_intercept_errors is on globally, which would swap that JSON
  # body for the HTML page and leave the UI parsing markup as JSON. NGINX's own
  # errors are unaffected โ€” an unreachable container still gets the maintenance
  # page, because NGINX generates that 502 itself rather than proxying it.
  proxy_intercept_errors off;

  # Default ceiling for the whole vhost. Everything except the picture routes
  # and the sync batch posts small JSON, so 1 MB is generous โ€” and it matters
  # that this is the default: nginx buffers a request body to disk BEFORE
  # opening the upstream connection, so a server-wide 12m would let an
  # unauthenticated client spool 12 MB to client_body_temp against any path and
  # churn the proxy host's disk long before the app returns 401. The picture
  # routes and /api/sync raise it for themselves below.
  client_max_body_size 1m;

  # Every unauthenticated auth endpoint, rate-limited before hitting the app.
  # `activation/<token>` is included and is why the pattern has no trailing `$` โ€”
  # it carries the token in the path and runs a DB query per call. The app also
  # keeps a per-IP activation lockout; this is the layer in front of it.
  # A route left out of this list is a route with no limit at all: the zone only
  # applies where a location names it.
  # Regex location (takes precedence over `location /`), so it repeats the proxy
  # setup; rejections give 429.
  # Keep the port in sync with HOST_PORT in cardbox.env.
  location ~ ^/api/auth/(login|activate|forgot-password|confirm-email|activation/) {
    limit_req zone=cardbox_auth burst=5 nodelay;
    limit_req_status 429;

    proxy_pass http://cardbox_app;
    proxy_http_version 1.1;
    include proxy_params;
    # Empty Connection header: keeps the pooled upstream connection alive.
    proxy_set_header Connection "";
    proxy_set_header X-Forwarded-For $remote_addr;
    proxy_set_header X-Forwarded-Host $host;
    proxy_set_header X-Forwarded-Port $server_port;
    proxy_redirect off;
  }

  # Picture routes: the card logo (PUT/GET/DELETE) and the photo scan (POST) โ€”
  # writes are rate-limited per source IP, logo reads pass freely (see the
  # zone's map above). Regex location, so it repeats the proxy setup.
  location ~ ^/api/cards/(scan|[^/]+/logo)$ {
    limit_req zone=cardbox_uploads burst=20 nodelay;
    limit_req_status 429;

    # Keep above the app's own cap (CARDBOX_MAX_UPLOAD_MB, default 10 MB), and
    # stream the body to the app instead of spooling it to the proxy's disk.
    client_max_body_size 12m;
    proxy_request_buffering off;

    proxy_pass http://cardbox_app;
    proxy_http_version 1.1;
    include proxy_params;
    # Empty Connection header: keeps the pooled upstream connection alive.
    proxy_set_header Connection "";
    proxy_set_header X-Forwarded-For $remote_addr;
    proxy_set_header X-Forwarded-Host $host;
    proxy_set_header X-Forwarded-Port $server_port;
    proxy_redirect off;
  }

  # SSE liveness stream โ€” long-lived by design, so it is capped per source IP
  # and must not be buffered (buffering would swallow the pings and the app
  # would call itself offline). 16: a normal browser's tab count with room for
  # a reload overlapping the stream it replaces; under HTTP/2 nginx counts each
  # concurrent request as a connection.
  location = /api/events {
    limit_conn cardbox_events 16;
    limit_conn_status 429;

    proxy_pass http://cardbox_app;
    proxy_http_version 1.1;
    include proxy_params;
    # Empty Connection header: keeps the pooled upstream connection alive.
    proxy_set_header Connection "";
    proxy_set_header X-Forwarded-For $remote_addr;
    proxy_set_header X-Forwarded-Host $host;
    proxy_set_header X-Forwarded-Port $server_port;
    proxy_redirect off;
    proxy_buffering off;
    proxy_read_timeout 1h;
  }

  # SSE change stream (the platform's sync contract) โ€” the same long-lived,
  # unbuffered treatment as the liveness stream (buffering would hold the
  # `sync` events until the connection closed, which is never), but
  # authenticated and on its own connection bucket. An exact-match location: it
  # would otherwise fall through to `location /` and be buffered there.
  location = /api/events/sync {
    limit_conn cardbox_sync_events 8;
    limit_conn_status 429;

    proxy_pass http://cardbox_app;
    proxy_http_version 1.1;
    include proxy_params;
    # Empty Connection header: keeps the pooled upstream connection alive.
    proxy_set_header Connection "";
    proxy_set_header X-Forwarded-For $remote_addr;
    proxy_set_header X-Forwarded-Host $host;
    proxy_set_header X-Forwarded-Port $server_port;
    proxy_redirect off;
    proxy_buffering off;
    proxy_read_timeout 1h;
  }

  # The sync round trip (cards + shares): up to 500 changes per collection in
  # one JSON body โ€” a full wallet pushed from a phone that was offline โ€” so the
  # vhost's 1 MB ceiling is not enough here. A 413 would count as a failed
  # round on the phone and keep its outbox waiting.
  location = /api/sync {
    client_max_body_size 8m;

    proxy_pass http://cardbox_app;
    proxy_http_version 1.1;
    include proxy_params;
    # Empty Connection header: keeps the pooled upstream connection alive.
    proxy_set_header Connection "";
    proxy_set_header X-Forwarded-For $remote_addr;
    proxy_set_header X-Forwarded-Host $host;
    proxy_set_header X-Forwarded-Port $server_port;
    proxy_redirect off;
  }

  # Liveness probe โ€” public (the local launcher probes it), but every hit runs
  # a DB query against a 5-connection pool, so it is rate-limited: a flood would
  # otherwise saturate the pool and stall real requests (and the container
  # healthcheck probes the same route, with HealthOnFailure=kill).
  # Its own zone rather than the auth one it used to share โ€” see that zone's
  # comment: the app's own offline probing was spending the login budget.
  location = /api/health {
    limit_req zone=cardbox_health burst=20 nodelay;
    limit_req_status 429;

    proxy_pass http://cardbox_app;
    proxy_http_version 1.1;
    include proxy_params;
    # Empty Connection header: keeps the pooled upstream connection alive.
    proxy_set_header Connection "";
    proxy_set_header X-Forwarded-For $remote_addr;
    proxy_set_header X-Forwarded-Host $host;
    proxy_set_header X-Forwarded-Port $server_port;
    proxy_redirect off;
  }

  # reverse proxy
  location / {
    proxy_pass http://cardbox_app;

    # keep it HTTP/1.1
    proxy_http_version 1.1;

    # forwarded headers. proxy_params APPENDS to the client's own
    # X-Forwarded-For, so a caller can prepend whatever hops it likes; NGINX is
    # the edge here and there is no upstream chain worth keeping, so overwrite
    # it with the real peer and the app can never be handed a forged hop.
    include proxy_params;
    # Empty Connection header: keeps the pooled upstream connection alive.
    proxy_set_header Connection "";
    proxy_set_header X-Forwarded-For $remote_addr;
    proxy_set_header X-Forwarded-Host $host;
    proxy_set_header X-Forwarded-Port $server_port;
    proxy_redirect off;
  }
}
# restart nginx
sudo nginx -t && sudo service nginx restart

Replace cardbox.domain.fr by the name of your website, and 10075 by HOST_PORT.

Activate HTTPS

To activate HTTPS protocol, follow the Let's Encrypt section.

First login โ€” activate the admin account

The admin account is created pending on first start (from CARDBOX_ADMIN_EMAIL).
There is no admin password in cardbox.env. To activate it:

  1. On first start, the server e-mails an activation link to CARDBOX_ADMIN_EMAIL (SMTP must be reachable โ€” startup aborts otherwise).
  2. Open the activation link from the e-mail, choose a password, and you are signed in.
  3. The link is single-use and expires after CARDBOX_ACTIVATION_TTL_HOURS (72 h by default).

Accounts are invite-only โ€” there is no self-registration. The admin invites further users the same way (activation link by e-mail); each user keeps their own cards (and may share one read-only with other accounts), and optional TOTP 2FA can be enabled from the profile page.


โฌ†๏ธ Updating CardBox

CardBox deploys from a dev machine: ./deploy.ps1 builds the production image for the server's architecture, publishes it to the fleet registry, then pushes the commit: that order is the whole invariant.

That push fires the bare repo's hook, which calls podmanctl --deploy cardbox <short-sha>: it acknowledges the push, then deploys detached. Nothing is built here โ€” it pulls <registry>/cardbox:<app sha>.<platform sha>, checks its revision labels against the commit just checked out and starts it; with nothing published it refuses before stopping anything. Follow a deploy with sudo tail -f /var/log/cardbox-deploy.log.

๐Ÿš€ Deploying a change

From the app's clone on a dev machine, with the platform clone beside it:

git add -u && git commit -m "..."
./deploy.ps1

deploy.ps1 does everything in order: build โ†’ push the image โ†’ git push. Never push first โ€” the hook would fire before the image exists and the deploy would be refused.

It refuses early rather than wasting a build when the tree is dirty or has diverged from the server. With nothing left to push it asks the app's /api/version what production runs: HEAD itself โ†’ it exits 3 (skipped); no answer โ†’ exit 3 marked unconfirmed, with the reason; another commit โ†’ it publishes the image the server is missing and exits 4, naming the podmanctl --deploy left to run there. After a push it waits until /api/version reports the new commit (-NoWait skips the wait).

๐Ÿช One-time setup โ€” hook and clone wiring

The deploy entry point is central and installed once for the whole fleet โ€” see Podman โ€” Push deploys for podmanctl --deploy and its single sudoers rule. Only the two steps below are per-repository.

# install into the bare repo's hooks/ โ€” fires on every push
# ${SERVICE_NAME} expands now; the rest stays literal (\$โ€ฆ) for git to expand
sudo tee /media/ssd/git/podman/${SERVICE_NAME}.git/hooks/post-receive >/dev/null <<EOF
#!/bin/sh
set -eu
DEPLOY_BRANCH=refs/heads/master
while read -r oldrev newrev refname; do
  [ "\$refname" = "\$DEPLOY_BRANCH" ] || continue          # only the deploy branch
  sudo /usr/local/bin/podmanctl --deploy ${SERVICE_NAME} "\$(git rev-parse --short "\$newrev")" </dev/null
done
EOF
# normalize the hook ownership
sudo chown www-data:debian /media/ssd/git/podman/${SERVICE_NAME}.git/hooks/post-receive
sudo chmod 0750            /media/ssd/git/podman/${SERVICE_NAME}.git/hooks/post-receive

# git seeded hooks/ with executable *.sample files โ€” inert, but strip the bit
sudo chmod -x /media/ssd/git/podman/${SERVICE_NAME}.git/hooks/*.sample

The commit comes from the just-pushed ref (the bare repo already holds it) and only names the deploy in its log. Nothing else is baked in: podmanctl derives the service directory, user, admin group, env file and log path from the name it is given.

# deploys pull non-interactively as root: pull from the co-located bare repo over a
# LOCAL path (the HTTPS origin needs a credential prompt + TTY, which a hook lacks)
git -C ${SERVICE_DIR} remote set-url origin /media/ssd/git/podman/${SERVICE_NAME}.git

# trust both repos for root so the root-run `git pull` doesn't refuse with
# "detected dubious ownership"; --system applies whatever HOME the hook runs with
sudo git config --system --add safe.directory ${SERVICE_DIR}
sudo git config --system --add safe.directory /media/ssd/git/podman/${SERVICE_NAME}.git

Without the local origin the pull dies with could not read Username for 'https://โ€ฆ'; without safe.directory it dies with detected dubious ownership. Either way the worker aborts before podmanctl --update and leaves the service running on its previous build.

๐Ÿงฑ Upgrading the base images

Every image the build starts FROM is pinned in cardbox.env โ€” rust:${RUST_VERSION}-slim-trixie, node:${NODE_VERSION}-alpine, debian:${DEBIAN_TAG}, alongside the stack's postgres:${POSTGRES_VERSION}. The .build units pass them as --build-arg and build/Dockerfile carries matching ARG defaults, so nothing moves under the fleet on its own. CardBox builds on a dev machine, so the bases are pulled there; here --upgrade still refreshes postgres:${POSTGRES_VERSION}. Refreshing is a deliberate step:

podmanctl --list --check            # UPDATE column shows when an upstream image moved
podmanctl --upgrade cardbox         # pull bases + registry images, then rebuild + restart

The env files are gitignored: add a new key on the server before the push that needs it, or a quadlet expanding ${RUST_VERSION} against a missing key builds rust:-slim-trixie and fails. A bumped RUST_VERSION invalidates the whole Rust layer chain โ€” toolchain, every dependency crate (a fresh cargo cache) โ€” so that rebuild runs 15 min+ on the ARM host: schedule it, don't treat it as a routine deploy. Edit and push a pin first (build/Dockerfile, cardbox.env, postgres.env), then --upgrade.

โœ… Platform conformance

CardBox consumes the shared platform โ€” the platform-* crates and @platform/* packages its image is built from โ€” so the platform's conformance suites must stay green for it. They run on the local stack only, never against production (2026-10-01): from the shared-core checkout, before every deploy,

./scripts/fleet-check.ps1 -Apps cardbox -UseVsClang

It starts run-local.ps1 -Detach -ResetDevAdmin, runs the HTTP suite, the browser suite and this app's own e2e/ through the stack's own nginx (https://127.0.0.1:8444), checks that nginx itself, then stops the stack. The whole fleet at once: Release & rollout โ€” Fleet conformance.