penpotapp/frontend

Penpot

Penpot 是首个用于设计与代码协作的开源设计工具。设计师可创建精美的设计、交互式原型及大规模设计系统，开发者则能获取即用型代码，简化工作流程并提升效率，全程无需繁琐的交接流程。

Docker 部署方案示例

使用 Docker Compose 部署

1. 创建 docker-compose.yml 文件，配置服务：

yaml
version: '3.8'

services:
  penpot-frontend:
    image: penpot/frontend:latest
    ports:
      - "80:80"
    depends_on:
      - penpot-backend
    environment:
      - PENPOT_PUBLIC_URI=http://localhost
      - PENPOT_BACKEND_URI=http://penpot-backend:6060

  penpot-backend:
    image: penpot/backend:latest
    depends_on:
      - penpot-postgres
      - penpot-redis
    environment:
      - PENPOT_DATABASE_URI=postgresql://penpot:penpot@penpot-postgres/penpot
      - PENPOT_REDIS_URI=redis://penpot-redis:6379/0

  penpot-postgres:
    image: postgres:14
    environment:
      - POSTGRES_USER=penpot
      - POSTGRES_PASSWORD=penpot
      - POSTGRES_DB=penpot
    volumes:
      - penpot_postgres_data:/var/lib/postgresql/data

  penpot-redis:
    image: redis:alpine
    volumes:
      - penpot_redis_data:/data

volumes:
  penpot_postgres_data:
  penpot_redis_data:

2. 启动服务：

bash
docker-compose up -d

3. 访问应用：在浏览器中打开 http://localhost 即可使用 Penpot。

更多信息

• 官方文档：Penpot 技术指南 - Docker 安装
• GitHub 仓库：https://github.com/penpot/penpot%EF%BC%88%E7%94%A8%E4%BA%8E%E6%8F%90%E4%BA%A4%E9%97%AE%E9%A2%98%E5%92%8C%E8%B4%A1%E7%8C%AE%E4%BB%A3%E7%A0%81%EF%BC%89