Skip to main content

Use the Right-Side Workbench

The right side of the Workspace Builder is the Workbench. It shows the project while CloudMySite builds it and gives you controls for previewing, managing, and publishing.

Main Workbench Areas​

Depending on screen size and project state, you may see:

  • Dashboard: build progress and project activity.
  • Preview: the live app or website preview.
  • Admin: business settings for the app.
  • Code or files: advanced project files when Advanced mode is enabled.
  • Diff or file changes: a view of changed files when available.

Dashboard​

Use Dashboard to follow build progress. It is helpful while the first version is being created or a follow-up prompt is changing multiple parts of the project.

Dashboard can show what CloudMySite is currently doing, such as creating files, installing dependencies, starting preview, or repairing a build issue.

Preview​

Use Preview to see the app or website as a visitor would see it.

Preview is useful for checking:

  • page layout
  • mobile responsiveness
  • button placement
  • forms and input fields
  • images and video embeds
  • navigation links
  • visual spacing and readability

If the preview looks behind the latest change, select Refresh.

Admin​

Use Admin for settings that belong to the finished app, including:

  • forms
  • authentication and login
  • Stripe payments
  • domains
  • secrets
  • analytics and security
  • database
  • users and app settings

For more details, see Admin Overview.

Back to Workspace​

The back button returns you to the broader workspace area. Use it when you want to leave the current builder view and go back to workspace management.

Device Mode​

The device mode button lets you check how the project behaves on different screen sizes. Use it before publishing to review desktop and mobile layout.

Check that:

  • headings fit on small screens
  • buttons are easy to tap
  • images are not awkwardly cropped
  • forms are readable
  • video embeds resize correctly

Element Inspector​

The element inspector helps you point at a specific part of the preview. Use it when you want to identify a section, card, button, or layout area before asking for a change.

Example follow-up prompt:

Update the selected section so the text is shorter, the button is larger, and the image stays on the right on desktop.

Full Screen​

Use full screen when you want more room to review the project. This is helpful for checking layout details or presenting the preview to someone else.

Refresh​

Use Refresh when:

  • the preview still shows an older version
  • the app finished building but the preview did not update
  • a page route was changed
  • a YouTube embed, form, or image does not appear right away

Advanced and Simple Modes​

The Advanced button opens more technical builder tools. The Simple button returns to a simpler view.

Most nontechnical users can stay in simple mode. Use Advanced only when you need project files, search, locks, terminal, or a project download.

Publish​

Select Publish when the project is ready to go live. Publish can prepare the app or website for a public URL and deployment settings.

Before publishing:

  • review the main pages in Preview
  • test forms
  • check mobile layout
  • confirm images and videos display correctly
  • open Admin and complete required business settings

File Changes​

When a file changes view is available, File Changes shows files that were modified during the build. It can include a search box, changed file count, added or removed line counts, and a Copy File List button.

Most users do not need this for normal editing. It is useful when support or a developer asks which files changed.