See Your Product Being Built in Real Time: Visual Live Preview
See Your Product Being Built in Real Time: Visual Live Preview
Available since: v1.0.159
Overview
SaaS Factory's pipeline detail page now includes an embedded live preview pane — a full iframe rendering of your product's latest Vercel deployment, updated automatically after every deploy cycle.
You can now watch your product come to life visually, side-by-side with the agent logs and PR diffs that have always been available on the pipeline detail page.
How It Works
Deployment URL Tracking
Each project in SaaS Factory stores a deploymentUrl — the canonical Vercel URL for that product. As the pipeline runs, each cycle that triggers a deployment records the resulting Vercel preview URL against the deployStatus column on the pipeline run record.
The live preview pane reads the most recent successful deployment URL from this data and renders it inside an iframe embedded in live-pipeline-detail.tsx.
Automatic Refresh
The preview pane updates after each deploy cycle completes. You don't need to manually reload the page — as soon as a new deployment is live, the iframe source is updated to point at the freshly deployed URL.
What You'll See
The pipeline detail page now has three primary areas:
| Pane | Contents |
|---|---|
| Agent Logs | Real-time output from all active agents in the pipeline run |
| PR Diff | Code changes introduced by the current pipeline cycle |
| Live Preview | Embedded iframe rendering of the latest Vercel deployment |
Requirements
- Your project must have a
deploymentUrlconfigured (set automatically when Vercel integration is active) - A deployment must have completed at least once for the preview pane to show content
- The pipeline run must have a recorded
deployStatusentry with a valid Vercel URL
If no deployment URL is available yet (e.g. the very first pipeline run is still in progress), the preview pane will indicate that a deployment is pending.
Why This Matters
Visual-first tools like v0, Bolt.new, Lovable, and Replit have popularized the experience of watching a product appear on screen as it is generated. SaaS Factory is a fully autonomous pipeline — agents are discovering features, writing code, opening PRs, and shipping releases around the clock — and this change means you can observe that process not just through logs and diffs, but through the actual running product.
The live preview pane makes the pipeline feel tangible: every agent action that results in a deployment is immediately visible as a change in the rendered app.