Skip to content
Home

screenshots.live

Full-Stack SaaS for App Store Screenshot Generation

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

screenshots.live is a production-grade SaaS platform I built from scratch for creating and rendering App Store and Google Play Store screenshots. It's a comprehensive full-stack application with a Next.js frontend, NestJS backend, Rust rendering engine, and Kubernetes-based infrastructure.

Frontend

The customer-facing application features a rich drag-and-drop template editor for designing screenshot layouts. Built as a modern single-page app with server-side rendering, it includes a comprehensive component library, global state management, and full internationalization supporting 13 languages. Users can design templates with customizable text, device frames, images, and backgrounds.

ReactSSRCanvas Editori18n (13 langs)Component Library

Backend

The backend follows a clean onion architecture with strict TypeScript throughout. It features a relational database with a modern type-safe ORM, an async job queue backed by an in-memory store, and S3-compatible object storage. Authentication is multi-layered with token-based auth, social login providers, passwordless WebAuthn/Passkeys, and TOTP 2FA. A fully integrated payment system powers multi-tier subscriptions.

TypeScriptOnion ArchitectureSQLAsync QueueObject StoragePayments

Rust Rendering Engine

The high-performance rendering pipeline is written in Rust for speed and memory safety. It uses an async runtime for concurrent job processing and a professional-grade 2D graphics library for pixel-perfect canvas composition. Render jobs flow through an async queue into stateless worker pods that compose, encode, bundle, and store the final assets. The architecture is horizontally scalable with configurable concurrency per instance.

RustAsync Runtime2D Graphics EngineSVG Rendering

Infrastructure & DevOps

The platform runs on a self-managed Kubernetes cluster on dedicated infrastructure, fully orchestrated with package management charts and a GitOps reconciliation engine. CI/CD pipelines build and push container images automatically via self-hosted runners. The observability stack covers metrics collection and dashboarding, structured log aggregation, and alerting with team notifications.

KubernetesGitOpsCI/CDMetricsLoggingAlerting

Admin Dashboard & Features

The platform includes a comprehensive admin dashboard covering user management with role-based access, system metrics and real-time analytics, a curated template library with community submission review, device asset management, promotional and discount tools, an affiliate program, content publishing, broadcast notifications, live customer support chat, and infrastructure health monitoring with job queue management.

Pro API Access

Pro-tier users get full API access with declarative render templates, enabling programmatic screenshot generation with dynamic field substitution. The API supports webhook callbacks for async notifications, rate limiting, comprehensive documentation, and an interactive API explorer.

REST APIDeclarative TemplatesWebhooksAPI Explorer