Задеплойте Excalidraw в один клік

Що таке Excalidraw?

Excalidraw — віртуальна дошка з відкритим кодом, на якій фігури, стрілки й текст виглядають намальованими від руки. На ній накидають схеми архітектури, блок-схеми й вайрфрейми на зустрічах чи для документації — там, де інші відкрили б Miro або Lucidchart. У ній є нескінченне полотно, фрейми, зображення, лазерний вказівник і темна тема. «Mermaid у Excalidraw» перетворює код Mermaid на фігури, які можна редагувати, а малюнок експортується як зображення PNG або SVG чи зберігається у файл .excalidraw, щоб відкрити його знову. Публічні бібліотеки готових фігур, від іконок хмарних сервісів до UI-кітів, додаються одним кліком.

Цей шаблон запускає образ самого Excalidraw разом із його сервером спільної роботи, тож на одному полотні можуть малювати кілька людей одночасно. «Поділитися», а потім «Почати сесію» дають посилання, у якому міститься ключ сесії, а браузери шифрують кожну зміну, перш ніж вона дійде до сервера. Акаунтів немає, і сервер не зберігає малюнків: полотно кожної людини лишається в її браузері, а щойно застосунок завантажився, він працює й офлайн. Крім того, шаблон прибирає скрипт Simple Analytics, який завантажує сторінка з образу.

Підводні камені: користуватися ним може будь-хто, у кого є адреса. Посилання тільки для читання («Експортувати у посилання») та інструменти ШІ, «Діаграма з тексту» і «Перетворити у код», працюють лише на excalidraw.com: його сервери відмовляють іншим сайтам. Сцена й зображення сесії також зберігаються, зашифровані, у Firebase сайту excalidraw.com, завдяки чому посилання сесії згодом відкриває її знову, а шрифти сторінки завантажуються з CDN Excalidraw.

Хостинг Excalidraw на Pethost

1. Ви входите в Pethost — з ключем доступу, через GitHub або Google. Машини ще немає? Ви обираєте тариф, і посилання чекає, доки машина не буде готова.
2. Вікно «Новий проєкт» відкривається на застосунку Excalidraw, і ви натискаєте «Створити проєкт».
3. За хвилину-дві Excalidraw працює за власною адресою з HTTPS. Секрети створюються випадково, а дані потрапляють у щонічний бекап.
4. Це проєкт як будь-який інший: ви або ваш агент можете його змінити, відкотити або відновити.

Питання про Excalidraw

Excalidraw: файл Docker Compose

Шаблон — це цей compose.yaml і змінні, які записуються в .env проєкту під час його створення. Pethost запускає файл так, як його написано.

Контейнери: 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.yamlВідкрити на GitHub