Skip to Content
AppsVibe Coding4. Preview your app

Preview your app

By the end of this page you will know how to view your generated app live and sign in to it using test credentials.

Prerequisites

Steps

Open the Preview tab

In the workspace toolbar, click Preview (next to Code). This loads your generated app running live, in place, without publishing it.

Preview tab showing the generated app running live

Rebuild if needed

If you’ve made changes since the last build, a Rebuild button appears in the toolbar. Click it to refresh the preview with your latest code.

Sign in, if your app has authentication

If you enabled authentication for this app, the preview shows a login screen before you can use it. Get sign-in credentials from App Details → Roles:

  1. Open the Roles sub-tab.
  2. Pick a role card (e.g. Admin or Staff).
  3. Under Test Credentials, copy the Email and Password using the copy icons.
  4. Paste them into the preview’s login screen.
Preview login screen alongside the Roles tab's Test Credentials for a role
💡

Each role has its own test credentials and data scope. Sign in as different roles to confirm your app’s permissions work as expected — for example, that Staff can’t reach pages reserved for Admin.

Common issues

  • Preview is out of date — Click Rebuild in the toolbar; the preview doesn’t refresh automatically on every code change.
  • Login screen has no test credentials to use — Check App Details → Roles; test credentials are generated per role once your app’s data model and roles exist.
  • Signed in but missing pages — That’s expected if you’re testing a restricted role (e.g. Staff). Check the role’s Page Access on the Roles tab to confirm what it should and shouldn’t reach.