Previewing your app
Check your app before anyone else sees it: preview the draft, switch between desktop and mobile, and review the admin side.
Previewing is how you check your work before publishing. The preview runs your draft — the version you are editing — so you can click through the app exactly as a visitor would, without affecting anything that is already live.
Preview the draft
- In the editor, open the Preview view (the first icon in the left rail).
- Click through the app: follow the navigation, open each page, submit a form, and try the buttons.
- Found something wrong? Make the change, then come back to the preview.
Repeat until the app behaves the way you want. See Editing your app for the ways to make changes.
The toolbar above the preview gives you:
- a device selector on the left;
- the page path of the page you are looking at — type a path to jump straight to it;
- open in a new tab, so you can test the draft in a full browser window;
- refresh, if the preview looks stale;
- Edit and Screenshot, described in Editing your app.
The preview is not the live app. Visitors keep seeing the last published version until you publish again. See Publishing a release.
Check desktop and mobile
Most people will open your app on a phone, so check both. The device selector offers Desktop, Tablet (834×1194), and a set of phone sizes — a default phone (393×852), Android large screen and foldable, and iPhone standard, Pro, and Pro Max — so you can see how the layout behaves at the widths that matter.
Look for text that overflows, images that crop badly, and buttons that are hard to tap. If something only breaks on one size, take a screenshot at that size and mark the problem; see Edit with Screenshots.
The "by Medo" badge
The small by Medo badge in the corner of the preview also appears on the published app. On Pro and Max plans you can hide it per app from the publish panel (Hide this project's watermark). See Subscription & Billing.
Preview the admin side
If your app has an admin area — a bookings list, submitted forms, orders — open that entry in the preview (often Admin or Owner Login) and confirm that:
- data you just entered on the front end appears there,
- the columns you need are visible,
- and the admin credentials MeDo gave you in the conversation still work.
Unless you have set up separate backend environments (Pro and Max), the draft and the published app share one database, so anything you enter while testing will be visible in the live admin view too. Delete test rows before launch. The click-by-click path is in App data & forms.
What to check before you publish
- Every page in the navigation opens.
- A form submission is saved and visible in the admin view.
- The app works on mobile, not just desktop.
- Text and prices are real content, not placeholders.
- Links go where you expect, including any external ones.
When the manual pass looks good, run Testing with AI Quality Analysis to catch what you missed, then publish.