Studio

Preview your app

Start it, open it in a real browser, and read the logs when it will not.

About 4 minutes

The preview runs your app on the host and gives you a URL.

It opens in a real browser, not an embed

Studio deliberately does not embed your app in the page. Open in browser launches it in a real tab — with real devtools, real responsive testing, and real behaviour. With the browser extension installed, the Studio chat docks beside it, so you are talking to your agents while looking at the running app.

Steps

  1. Open a project and click Start (or Open in browser if it is already running).
  2. If it does not start, open Logs. A failed dependency install is the usual cause and it says so there.
  3. Stop the preview when you are done — it holds a port and a process on the host.

You're done when the app loads in your browser and reflects your latest change.

Gotchas

  • A stopped host means no preview. Check the host before debugging the app.
  • The first start is slow. Dependencies install once.

Walkthrough video: 60s: start preview, open in browser, extension docking chat beside it.

Checked against

  • endpoints/studio/preview/