Penpot - open source edytor projektowania UI/UX i prototypowania, alternatywa dla Figmy, oparty na otwartym standardzie SVG.
Środowisko
| Runtime | Oficjalne obrazy Docker penpotapp/frontend, penpotapp/backend i penpotapp/exporter, własny kontener PostgreSQL i Redis w komplecie |
| Zalecany plan | Box L+ (Docker, pięć kontenerów naraz, min 4 GB RAM - backend na JVM i exporter z wbudowaną przeglądarką do renderowania eksportów) |
Przykładowy saplo.yaml
Plik saplo.yaml w katalogu głównym repozytorium opisuje, jak Saplo ma zbudować i uruchomić aplikację. Wygeneruje go też komenda saplo init.
version: 1
name: moje-projekty
stack: penpot
app_id: 1234
Pełny opis wszystkich pól znajdziesz na stronie Plik saplo.yaml.
Jak wdrożyć
Ten stack wdrożysz na trzy sposoby - wybierz wygodny dla siebie:
- Z panelu - tworzysz aplikację klikami, kod wgrywasz później przez CLI lub Git.
- Saplo CLI - z katalogu projektu:
saplo init, potemsaplo deploy. - Deploy z GitHub - podłączasz repo raz, każdy push wdraża się sam.
# Najszybsza droga - z katalogu projektu
$ npm install -g @saplo/cli
$ saplo login
$ saplo init
$ saplo deploy
Dobrze wiedzieć
- Stawiasz z panelu jednym kliknięciem - Saplo instaluje Docker CE, pobiera pięć obrazów (frontend, backend, exporter, baza, Redis) i uruchamia kontenery. Jeden z cięższych przepisów w katalogu obok Immich i Chatwoot, instalacja trwa dłużej niż przy prostszych aplikacjach.
- Własny Postgres i Redis w osobnych kontenerach - silnik ma współdzieloną bazę tylko dla MySQL/MariaDB, więc Penpot nie korzysta ze współdzielonej bazy Saplo.
- Konto zakładasz sam w formularzu rejestracji przy pierwszym wejściu na stronę - potwierdzenie mailem jest wyłączone (Saplo nie podpina własnego SMTP relay do tej recepty), więc konto działa od razu po rejestracji.
- Eksport do PNG/PDF/SVG działa od razu - obsługuje go osobny kontener exporter, wołany wewnętrznie przez backend i frontend.
- Zapraszanie współpracowników mailem wymaga skonfigurowanego SMTP - bez tego zaproszenia nie wyjdą. Włączenie realnej wysyłki to ręczna edycja docker-compose.yml na Boxie.
- Kopia (automatyczna od Box L, ręcznie snapshotem na każdym planie) obejmuje wolumen bazy danych oraz wolumen zasobów (assets) - pliki i biblioteki komponentów przeżywają czyszczenie katalogu aplikacji.
Gotowy na deploy?
Wybierz plan Box i postaw aplikację Penpot jeszcze dziś.