Skip to content
Startseite

screenshots.live

Full-Stack-SaaS zur API-basierten App-Store-Screenshot-Generierung

screenshots.live landing page showing the drag-and-drop editor

screenshots.live ist eine produktionsreife SaaS-Plattform zur Erstellung und automatisierten Generierung von App-Store- und Google-Play-Store-Screenshots. Die Anwendung umfasst ein Next.js-Frontend, ein NestJS-Backend, eine Rust-basierte Rendering-Engine sowie eine vollständig selbstverwaltete Kubernetes-Infrastruktur.

Frontend

Die Kundenoberfläche bietet einen umfangreichen Drag-and-Drop-Template-Editor zur visuellen Gestaltung von Screenshot-Layouts. Umgesetzt als moderne Single-Page-Application mit Server-Side Rendering, beinhaltet sie eine eigene Komponentenbibliothek, zentrales State Management und vollständige Internationalisierung in 13 Sprachen. Nutzer gestalten Templates mit anpassbaren Texten, Geräterahmen, Bildern und Hintergründen.

ReactSSRCanvas Editori18n (13 langs)Component Library

Backend

Das Backend folgt einer Onion-Architektur mit durchgängig striktem TypeScript. Es umfasst eine relationale Datenbank mit typsicherem ORM, eine asynchrone Job-Queue mit In-Memory-Store, S3-kompatiblen Objektspeicher sowie eine mehrschichtige Authentifizierung — Token-basiert, Social Login, passwortloses WebAuthn/Passkeys und TOTP-basierte Zwei-Faktor-Authentifizierung. Ein vollständig integriertes Zahlungssystem steuert die mehrstufige Abonnementverwaltung.

TypeScriptOnion ArchitectureSQLAsync QueueObject StoragePayments

Rust Rendering Engine

Die performante Rendering-Pipeline ist in Rust implementiert — optimiert auf Geschwindigkeit und Speichersicherheit. Sie nutzt eine asynchrone Runtime für parallele Job-Verarbeitung und eine professionelle 2D-Grafikbibliothek für pixelgenaue Canvas-Komposition. Render-Jobs durchlaufen eine asynchrone Queue und werden in zustandslosen Worker-Pods verarbeitet: Komposition, Encoding, Bündelung und Speicherung der fertigen Assets. Die Architektur skaliert horizontal mit konfigurierbarer Parallelität pro Instanz.

RustAsync Runtime2D Graphics EngineSVG Rendering

Infrastruktur & DevOps

Die Plattform läuft auf einem selbstverwalteten Kubernetes-Cluster auf dedizierter Infrastruktur — orchestriert über Helm-Charts und eine GitOps-basierte Reconciliation-Engine (Flux). CI/CD-Pipelines bauen und veröffentlichen Container-Images automatisiert über selbst gehostete Runner. Der Observability-Stack umfasst Metriken und Dashboards (Grafana), strukturierte Log-Aggregation sowie Alerting mit Team-Benachrichtigungen.

KubernetesGitOpsCI/CDMetricsLoggingAlerting

Admin-Dashboard & Features

Das Admin-Dashboard umfasst Benutzerverwaltung mit rollenbasiertem Zugriff, System-Metriken und Echtzeit-Analytics, eine kuratierte Template-Bibliothek mit Community-Review, Geräte-Asset-Verwaltung, Werbe- und Rabattinstrumente, ein Affiliate-Programm, Content-Management, Broadcast-Benachrichtigungen, Live-Support-Chat sowie Infrastruktur-Monitoring mit Job-Queue-Verwaltung.

Pro API-Zugang

Pro-Nutzer erhalten vollständigen API-Zugang mit deklarativen Render-Templates für die programmatische Screenshot-Generierung mit dynamischer Feldsubstitution. Die API unterstützt Webhook-Callbacks, Rate Limiting, umfassende Dokumentation sowie einen interaktiven API-Explorer.

REST APIDeclarative TemplatesWebhooksAPI Explorer