Excalidraw mit einem Klick deployen

Was ist Excalidraw?

Excalidraw ist ein virtuelles Open-Source-Whiteboard, dessen Formen, Pfeile und Texte wie von Hand gezeichnet aussehen. Man skizziert darauf Architekturdiagramme, Flussdiagramme und Wireframes, in Meetings oder für die Dokumentation, wo andere Miro oder Lucidchart öffnen würden. Es hat eine unendliche Zeichenfläche, Rahmen, Bilder, einen Laserpointer und ein dunkles Design. „Mermaid zu Excalidraw“ macht aus Mermaid-Code Formen, die du bearbeiten kannst, und eine Zeichnung lässt sich als PNG- oder SVG-Bild exportieren oder als .excalidraw-Datei speichern, um sie später wieder zu öffnen. Öffentliche Bibliotheken mit fertigen Formen, von Cloud-Icons bis zu UI-Kits, fügst du mit einem Klick hinzu.

Diese Vorlage betreibt das eigene Image von Excalidraw zusammen mit seinem Kollaborationsserver, sodass mehrere Personen gleichzeitig auf einer Zeichenfläche zeichnen können. „Teilen“, dann „Sitzung starten“ liefert einen Link, der den Schlüssel der Sitzung enthält, und die Browser verschlüsseln jede Änderung, bevor sie den Server erreicht. Es gibt keine Konten, und der Server speichert keine Zeichnungen: Die Zeichenfläche jeder Person bleibt in deren Browser, und die App funktioniert offline weiter, sobald sie geladen ist. Außerdem lässt die Vorlage das Skript von Simple Analytics weg, das die Seite des Images lädt.

Die Haken: Wer die Adresse hat, kann es nutzen. Schreibgeschützte Links („Als Link exportieren“) und die KI-Tools „Text zu Diagramm“ und „Wireframe zu Code“ funktionieren nur auf excalidraw.com, dessen Server andere Websites abweisen. Szene und Bilder einer Sitzung werden außerdem verschlüsselt bei excalidraw.com in Firebase gespeichert, darüber öffnet ihr Link sie später wieder, und die Seiten laden ihre Schriften vom CDN von Excalidraw.

Excalidraw-Hosting auf Pethost

1. Du meldest dich bei Pethost an, mit Passkey, GitHub oder Google. Noch keine Maschine? Du wählst einen Tarif, und der Link wartet, bis sie bereit ist.
2. „Neues Projekt“ öffnet sich bei Excalidraw, und du klickst auf „Projekt erstellen“.
3. In ein, zwei Minuten läuft Excalidraw unter eigener Adresse mit HTTPS. Die Secrets werden zufällig erzeugt, und die Daten sind im nächtlichen Backup.
4. Es ist ein Projekt wie jedes andere: Du oder dein Agent könnt es ändern, zurückrollen oder wiederherstellen.

Fragen zu Excalidraw

Excalidraw: die Docker-Compose-Datei

Die Vorlage ist diese compose.yaml und die Variablen, die beim Erstellen in die .env des Projekts geschrieben werden. Pethost führt die Datei so aus, wie sie geschrieben ist.

Container: excalidraw (excalidraw/excalidraw@sha256:f7ee194addd607bf831d2af0f0a34463dd4225e426cf35199ef0b12a803398e9), room (excalidraw/excalidraw-room:sha-03ff435).

services:
  excalidraw:
    # Excalidraw publishes its image only as latest, built from its release branch, so the digest
    # pins one build of it: that of 2026-05-06. The app is pages for the browser, which keeps the
    # drawings: nothing of them is stored here.
    image: excalidraw/excalidraw@sha256:f7ee194addd607bf831d2af0f0a34463dd4225e426cf35199ef0b12a803398e9
    restart: unless-stopped
    # The pages are built to collaborate through excalidraw.com's server, which refuses any other
    # site's visitors: they are pointed at this address instead, whose /socket.io/ is the room.
    # Excalidraw's docs say the image has no analytics, though its page loads Simple Analytics'
    # script: the script is given no address.
    entrypoint:
      - sh
      - -c
      - |
        cd /usr/share/nginx/html
        sed -i 's#"https://oss-collab.excalidraw.com"#location.origin#g' assets/index-*.js
        sed -i 's#https://scripts.simpleanalyticscdn.com/latest.js##' index.html
        exec /docker-entrypoint.sh nginx -g 'daemon off;'
    configs:
      - source: nginx
        target: /etc/nginx/conf.d/default.conf
    # The image's own check asks localhost, which is ::1 first, where nginx listens only with the
    # file it was packaged with.
    healthcheck:
      test: ["CMD", "wget", "-q", "-O", "/dev/null", "http://127.0.0.1"]
    depends_on:
      - room

  # Excalidraw's collaboration server: it relays a session's changes, encrypted in the browsers
  # with the key in the link's #, which never reaches it, and keeps nothing.
  room:
    image: excalidraw/excalidraw-room:sha-03ff435
    restart: unless-stopped

configs:
  nginx:
    content: |
      server {
        listen 80;
        root /usr/share/nginx/html;

        location /socket.io/ {
          proxy_pass http://room;
          proxy_http_version 1.1;
          proxy_set_header Upgrade $$http_upgrade;
          proxy_set_header Connection "upgrade";
          proxy_set_header Host $$host;
          proxy_read_timeout 1h;
        }
      }

compose.yamlAuf GitHub ansehen