All Docs
FeaturesSaaS FactoryUpdated March 11, 2026

Live Product Preview Panel

Live Product Preview Panel

Starting in v1.0.123, the SaaS Factory dashboard includes an embedded live product preview panel. You can now watch your product change in real time — directly inside the dashboard — as autonomous agents write code, merge PRs, and trigger Vercel deployments.

Overview

The preview panel renders an <iframe> pointed at your project's live Vercel deployment URL (projects.deploymentUrl). It sits alongside the pipeline timeline so you always have full context: what the agents are doing and what the product looks like right now.

┌──────────────────────────────┬───────────────────────────┐
│     Pipeline Timeline        │   Live Product Preview    │
│  • Agent logs                │                           │
│  • PR list                   │   <iframe>                │
│  • CI status                 │   (Vercel deployment URL) │
│                              │                           │
└──────────────────────────────┴───────────────────────────┘

How It Works

  1. Deployment URL — SaaS Factory stores the Vercel deployment URL in the projects.deploymentUrl field. This is set automatically when a project is first connected to Vercel.
  2. Auto-deploy integration — Every time an agent merges a PR, Vercel triggers an automatic deployment via existing deploy hooks. When the new deployment goes live, the preview panel reflects the updated build.
  3. SSE pipeline streaming — The dashboard already streams pipeline events over Server-Sent Events (SSE). The preview panel hooks into this stream to reload the iframe when a new deployment becomes available.

Requirements

  • Your project must have a deploymentUrl populated (set automatically for all projects using the Vercel integration).
  • The deployed application must not set X-Frame-Options: DENY or a frame-ancestors 'none' Content Security Policy directive, as these will prevent the iframe from rendering.

Troubleshooting

SymptomLikely CauseResolution
Preview panel shows a blank or broken frameThe deployed app blocks iframe embedding via CSP or X-Frame-OptionsUpdate your app's security headers to allow frame-ancestors from the SaaS Factory dashboard origin
Preview panel does not appearprojects.deploymentUrl is emptyVerify the Vercel integration is connected and a deployment has been triggered
Preview does not refresh after a new deploySSE connection droppedReload the dashboard page to re-establish the SSE stream

Related