Mockup engineClient preview + server render

Apply a customer logo to product templates without leaving the browser.

The preview canvas stays instant for merch operators while the server route composites a cached, order-grade PNG for the chosen product and colorway.

Status

Upload a logo to begin the live preview.

Product catalog

Prototype SKUs

5 products

Logo upload

Customer artwork

Choose logo file

Accepts PNG, JPG, WEBP, or SVG. Local preview happens immediately, then the same asset can be uploaded for cached server rendering.

Selected print zone

x 150, y 120, width 200, height 200px.

Live preview

T-Shirt

Server output

Order-grade render

The API uses a cached key based on logo hash, product id, and color. Output is composited with `sharp` after placing the logo with `canvas` into the print zone.

Generate a mockup to inspect the server-rendered PNG here.

Cache state

No render yet

Template asset

/templates/tshirt-white.png

Prototype storage

Uploads and generated outputs are stored on the local filesystem in the prototype environment and exposed through the `/api/files/...` route.