Portainer Templates logo

Portainer Templates

Penpot Penpot

Stack

Business Apps

Penpot - the open-source design and prototyping platform (the Figma alternative): SVG-native, web-based, with real design-to-dev handoff. MPL-2.0. Frontend + backend + exporter on a managed Postgres and a noeviction Valkey.

Configuration

Type
Compose
Platform
linux
Env vars
PENPOT_OBJECTS_STORAGE_BACKEND=fsPENPOT_PUBLIC_URI=http://localhost:5000PENPOT_SECRET_KEY=''REDIS_AUTH=# openssl rand -hex 24S3_ACCESS_KEY=''S3_BUCKET_NAME=''S3_ENDPOINT=''S3_REGION=us-east-1S3_SECRET_KEY=''
Source
Repo

Template by deployable-sh·Source

Report issue

Services

frontend

Configuration

Image
penpotapp/frontend:2.16.0
Ports
8080
Env vars
PENPOT_FLAGS=disable-registration-domain-whitelist disable-email-verificationPENPOT_PUBLIC_URI=${PENPOT_PUBLIC_URI:-http://localhost:5000}PENPOT_BACKEND_URI=http://backend:6060PENPOT_EXPORTER_URI=http://exporter:6061
Restart
unless-stopped

Image details

Pulls: 4.3M
User: penpotapp
Created: Dec 01, 2020
Updated: 1 day ago
Status: active

web

Configuration

Image
caddy:2-alpine
Command
caddy,reverse-proxy,--from,:5000,--to,frontend:8080
Ports
5000:5000
Restart
unless-stopped

Image details

Pulls: 730.7M
User: library
Created: Apr 14, 2020
Updated: 1 day ago
Status: active

backend

Configuration

Image
penpotapp/backend:2.16.0
Ports
6060
Volumes
/opt/data/assets : assets
Env vars
PENPOT_FLAGS=disable-registration-domain-whitelist disable-email-verification enable-prepl-serverPENPOT_PUBLIC_URI=${PENPOT_PUBLIC_URI:-http://localhost:5000}PENPOT_SECRET_KEY=${PENPOT_SECRET_KEY}PENPOT_DATABASE_URI=postgresql://db:5432/penpotPENPOT_DATABASE_USERNAME=penpotPENPOT_DATABASE_PASSWORD=penpot-local-onlyPENPOT_REDIS_URI=redis://broker:6379/0PENPOT_OBJECTS_STORAGE_BACKEND=${PENPOT_OBJECTS_STORAGE_BACKEND:-fs}PENPOT_OBJECTS_STORAGE_FS_DIRECTORY=/opt/data/assetsAWS_ACCESS_KEY_ID=${S3_ACCESS_KEY:-}AWS_SECRET_ACCESS_KEY=${S3_SECRET_KEY:-}PENPOT_OBJECTS_STORAGE_S3_REGION=${S3_REGION:-us-east-1}PENPOT_OBJECTS_STORAGE_S3_BUCKET=${S3_BUCKET_NAME:-}PENPOT_OBJECTS_STORAGE_S3_ENDPOINT=${S3_ENDPOINT:-}PENPOT_TELEMETRY_ENABLED=false
Restart
unless-stopped

Image details

Pulls: 5.6M
User: penpotapp
Created: Dec 01, 2020
Updated: 1 day ago
Status: active

exporter

Configuration

Image
penpotapp/exporter:2.16.0
Ports
6061
Env vars
PENPOT_PUBLIC_URI=http://frontend:8080PENPOT_SECRET_KEY=${PENPOT_SECRET_KEY}PENPOT_REDIS_URI=redis://broker:6379/0
Restart
unless-stopped

Image details

Pulls: 4.9M
User: penpotapp
Created: Dec 02, 2020
Updated: 1 day ago
Status: active

broker

Configuration

Image
valkey/valkey:8
Command
valkey-server,--maxmemory-policy,noeviction,--protected-mode,no
Ports
6379
Restart
unless-stopped

Image details

Pulls: 302.3M
User: valkey
Created: Apr 02, 2024
Updated: 11 hours ago
Status: active

db

Configuration

Image
postgres:15
Volumes
/var/lib/postgresql/data : dbdata
Env vars
POSTGRES_USER=penpotPOSTGRES_PASSWORD=penpot-local-onlyPOSTGRES_DB=penpot
Restart
unless-stopped

Image details

Pulls: 11.6B
User: stackbrew
Created: Jun 05, 2014
Updated: 1 hour ago
Status: active

Standalone Install

Select an install method, to see config/commands for deploying Penpot

Installation method

Install on Portainer

Import all app templates into your Portainer instance, for easy 1-click deploys

  1. Ensure both Docker and Portainer are installed, and up-to-date
  2. Log into your Portainer web UI
  3. Under Settings → App Templates, paste the below URL
  4. Head to Home → App Templates, and the list of apps will show up
  5. Select Penpot, fill in any config options, and hit Deploy

Template Import URL

https://raw.githubusercontent.com/Lissy93/portainer-templates/main/templates.json
Show Me demo
Original stackfile

The compose file this template deploys, straight from its repo:

name: penpot

services:
  frontend:
    image: penpotapp/frontend:2.16.0
    restart: unless-stopped
    environment:
      PENPOT_FLAGS: disable-registration-domain-whitelist disable-email-verification
      PENPOT_PUBLIC_URI: ${PENPOT_PUBLIC_URI:-http://localhost:5000}
      PENPOT_BACKEND_URI: http://backend:6060
      PENPOT_EXPORTER_URI: http://exporter:6061
    ports:
      - "8080"
    depends_on:
      - backend
      - exporter

  web:
    image: caddy:2-alpine
    command: ["caddy", "reverse-proxy", "--from", ":5000", "--to", "frontend:8080"]
    restart: unless-stopped
    ports:
      - "5000:5000"
    depends_on:
      - frontend

  backend:
    image: penpotapp/backend:2.16.0
    restart: unless-stopped
    environment:
      PENPOT_FLAGS: disable-registration-domain-whitelist disable-email-verification enable-prepl-server
      PENPOT_PUBLIC_URI: ${PENPOT_PUBLIC_URI:-http://localhost:5000}
      PENPOT_SECRET_KEY: ${PENPOT_SECRET_KEY}
      PENPOT_DATABASE_URI: postgresql://db:5432/penpot
      PENPOT_DATABASE_USERNAME: penpot
      PENPOT_DATABASE_PASSWORD: penpot-local-only
      PENPOT_REDIS_URI: redis://broker:6379/0
      PENPOT_OBJECTS_STORAGE_BACKEND: ${PENPOT_OBJECTS_STORAGE_BACKEND:-fs}
      PENPOT_OBJECTS_STORAGE_FS_DIRECTORY: /opt/data/assets
      AWS_ACCESS_KEY_ID: ${S3_ACCESS_KEY:-}
      AWS_SECRET_ACCESS_KEY: ${S3_SECRET_KEY:-}
      PENPOT_OBJECTS_STORAGE_S3_REGION: ${S3_REGION:-us-east-1}
      PENPOT_OBJECTS_STORAGE_S3_BUCKET: ${S3_BUCKET_NAME:-}
      PENPOT_OBJECTS_STORAGE_S3_ENDPOINT: ${S3_ENDPOINT:-}
      PENPOT_TELEMETRY_ENABLED: "false"
    ports:
      - "6060"
    volumes:
      - assets:/opt/data/assets
    depends_on:
      - db
      - broker

  exporter:
    image: penpotapp/exporter:2.16.0
    restart: unless-stopped
    environment:
      PENPOT_PUBLIC_URI: http://frontend:8080
      PENPOT_SECRET_KEY: ${PENPOT_SECRET_KEY}
      PENPOT_REDIS_URI: redis://broker:6379/0
    ports:
      - "6061"
    depends_on:
      - broker

  broker:
    image: valkey/valkey:8
    command: ["valkey-server", "--maxmemory-policy", "noeviction", "--protected-mode", "no"]
    restart: unless-stopped
    ports:
      - "6379"

  db:
    image: postgres:15
    restart: unless-stopped
    environment:
      POSTGRES_USER: penpot
      POSTGRES_PASSWORD: penpot-local-only
      POSTGRES_DB: penpot
    volumes:
      - dbdata:/var/lib/postgresql/data

volumes:
  assets:
  dbdata:

Or deploy it directly from the source:

git clone https://github.com/deployable-sh/stacks
cd stacks
docker compose -f penpot/compose.yaml up -d

More install options in our documentation.

Container Documentation

frontend Documentation

Penpot frontend

web Documentation

Caddy 2 is a powerful, enterprise-ready, open source web server with automatic HTTPS written in Go.

backend Documentation

Penpot backend

exporter Documentation

Penpot exporter

broker Documentation

Valkey is a high-performance data structure server that primarily serves key/value workloads.

db Documentation

The PostgreSQL object-relational database system provides reliability and data integrity.

Serve Penpot on your own domain behind Caddy, Nginx or Traefik. Fill in your domain and copy the result. It's a starting point, some apps need their own base URL or extra headers set too.

Proxying penpot.example.com to http://frontend:8080

Add this to your Caddyfile

penpot.example.com {
	reverse_proxy http://frontend:8080
}

Check the logs first

Nine times out of ten the logs tell you exactly what went wrong.

  • In Portainer, go to Containers, click the container, then Logs. Or run docker logs <container>
  • Exit codes help too: 137 means killed, usually out of memory. 126 or 127 means the command inside the image is broken.

Port already in use

If deployment fails with "Bind for 0.0.0.0:5000 failed: port is already allocated", something else on your server is using that port.

  • Find what's using it: sudo ss -tlnp | grep :5000
  • Stop the other service, or pick a different host port. In 5000:5000 only the left number is yours to change, the right one belongs to the app.

Published on a random port

This template exposes 8080 without setting a host port, so Docker picks a random free one on every deploy.

  • Find it in the Ports column of Portainer's container list, or with docker port <container>

Running but the page won't load

The container is up but nothing appears in your browser.

  • Use your server's real IP: http://your-server-ip:5000. The 0.0.0.0 link Portainer shows isn't a real address.
  • Give it a minute after first deploy, penpot can take a while to initialise.
  • Make sure your firewall allows the port, e.g. sudo ufw allow 5000

Image won't pull

Test the pull directly on the host: docker pull penpotapp/frontend:2.16.0

  • "manifest unknown" means the tag no longer exists.
  • "toomanyrequests" is the Docker Hub rate limit. Log in with docker login to raise it.
  • "no space left on device" means a full disk. Reclaim space with docker system prune

"exec format error"

This means the image was built for a different CPU architecture than your server.

  • Check yours with uname -m: x86_64 is amd64, aarch64 is arm64. Raspberry Pi and other ARM boards are the usual culprits.

Container keeps restarting

The unless-stopped restart policy relaunches the app after every crash, so the real error can scroll past.

  • Check the logs right after a restart, the last few lines before it died are the useful ones.
  • Get the exit code with docker inspect <container> --format '{{.State.ExitCode}}'
  • Still stuck? Redeploy once with the restart policy set to no so the failure stays visible.

Stack won't deploy

Compose stacks fail fast on small mistakes, and Portainer shows the reason just above the editor.

  • YAML only accepts spaces for indentation, a single tab breaks the whole file.

Raise an issue

Found something which isn't working as it should? Here's how to report it.

A Compose stack

Penpot is a Compose stack, a set of containers (6 of them) defined in one file and brought up together by Portainer, then started and stopped as a single app.

The services

This stack is built from 6 containers that run side by side. Here's each one, with the image it runs and anything it waits for first:

  • frontend runs penpotapp/frontend:2.16.0, starts after backend, exporter
  • web runs caddy:2-alpine, starts after frontend
  • backend runs penpotapp/backend:2.16.0, starts after db, broker
  • exporter runs penpotapp/exporter:2.16.0, starts after broker
  • broker runs valkey/valkey:8
  • db runs postgres:15

Ports

A port is the door the app answers on. A mapping like 5000:5000 means it's reachable on port 5000 of your server, where the left number is yours to change and the right one belongs to the app. It opens:

  • 8080, published on a random host port
  • 5000:5000
  • 6060, published on a random host port
  • 6061, published on a random host port
  • 6379, published on a random host port

Volumes

A volume is where Penpot keeps its files so they survive an update or a restart. Without one, anything it saves would sit inside the container and vanish the moment it's recreated. This template mounts:

  • /opt/data/assets kept in the assets volume Docker manages
  • /var/lib/postgresql/data kept in the dbdata volume Docker manages

Environment variables

Environment variables are the settings you hand over when you deploy, things like a password or a timezone. Penpot takes 20 of them, all with defaults you can leave alone or tweak:

  • PENPOT_FLAGS, defaults to disable-registration-domain-whitelist disable-email-verification enable-prepl-server
  • PENPOT_PUBLIC_URI, defaults to http://frontend:8080
  • PENPOT_BACKEND_URI, defaults to http://backend:6060
  • PENPOT_EXPORTER_URI, defaults to http://exporter:6061
  • PENPOT_SECRET_KEY, pulled from your own environment
  • PENPOT_DATABASE_URI, defaults to postgresql://db:5432/penpot
  • PENPOT_DATABASE_USERNAME, defaults to penpot
  • PENPOT_DATABASE_PASSWORD, defaults to penpot-local-only
  • PENPOT_REDIS_URI, defaults to redis://broker:6379/0
  • PENPOT_OBJECTS_STORAGE_BACKEND, defaults to fs
  • PENPOT_OBJECTS_STORAGE_FS_DIRECTORY, defaults to /opt/data/assets
  • AWS_ACCESS_KEY_ID, pulled from your own environment
  • AWS_SECRET_ACCESS_KEY, pulled from your own environment
  • PENPOT_OBJECTS_STORAGE_S3_REGION, defaults to us-east-1
  • PENPOT_OBJECTS_STORAGE_S3_BUCKET, pulled from your own environment
  • PENPOT_OBJECTS_STORAGE_S3_ENDPOINT, pulled from your own environment
  • PENPOT_TELEMETRY_ENABLED, defaults to false
  • POSTGRES_USER, defaults to penpot
  • POSTGRES_PASSWORD, defaults to penpot-local-only
  • POSTGRES_DB, defaults to penpot

Restart policy

The restart policy here is unless-stopped, so Docker restarts Penpot after a crash or reboot, but leaves it off when you stop it on purpose. You can change this on the deploy screen. The choices are no (never restart), on-failure (only after a crash), unless-stopped (restart unless you stop it), and always (bring it back no matter what).

Networking

Portainer puts these services on one shared private network, so they can find each other by name (like frontend) while only the ports above are open to you.

Platform

The platform is linux, the kind of system the container is built to run on. Docker and Portainer handle this on a normal Linux server.

Portainer app templates

Zooming out, this whole page comes from a Portainer app template: a short recipe telling Portainer how to set Penpot up. Add the template list to Portainer once, then deploying Penpot is a click rather than a wall of config.