App Navigation & Settings

Settings

In the top-right corner of your app preview, click the Settings button.
This opens a menu where you can configure various options:

Settings button on the top right of your app preview

Available Settings

🔹 Visibility – Control who can access your app (public, private, or restricted).
🔹 Allow Cloning – Enable or disable other users from duplicating your app.
🔹 Custom Domain – Modify or update your app’s domain.
🔹 GitHub Repository – Connect your app to a GitHub repo for version control.
🔹 Development – Access developer tools to fine-tune your app.
🔹 Quick Actions – Perform instant modifications like clearing data or resetting settings.
🔹 AI Knowledge – Train the AI with custom knowledge to improve responses and automation.

Settings

Switching Between Preview and Code

Once inside your app, you can seamlessly switch between the visual preview and the code editor for deeper customization.

🔹 Preview Mode – See your app’s interface and interact with it in real-time.
🔹 Code Mode – View and edit the underlying code to customize logic, UI, and integrations.

To switch between them, use the toggle button available in the app editor. This allows both no-code users and developers to refine their apps efficiently

Preview-Code toggle

Managing Your App’s Components

In the top-left corner of the editor, you’ll find the Components Menu, where you can switch between different parts of your app.

🔹 Interface – Edit the visual design and layout of your app.
🔹 Database – Manage and structure your app’s data.
🔹 Workflows – Automate processes and define logic.

If you've added custom components, they'll also appear in this menu.

Adding More Components:

Click the "Add" button to include new functionalities in your app.
You can add databases, APIs, new UI elements, authentication systems, and more.
This modular system allows you to build powerful and scalable apps with ease! 🚀

Your app components

Switching Between Desktop and Mobile View

To ensure your app works perfectly on all devices, you can toggle between Desktop View and Mobile View.

Mobile View – See how your app looks and functions on smaller screens.
Desktop View – Optimize the layout for larger screens and desktops.

You can switch views using the toggle button in the editor. This allows you to make necessary adjustments so your app is fully responsive and provides a great user experience across all devices

Mobile-Desktop toggle

Using Rollback

The Rollback feature is essential for ensuring that you can always recover a previous version of your app, which is crucial during development.

Every time you publish your app, a new version is automatically stored.
You can access the version history to view all the versions and commits you’ve made.

How to Access and Restore Past Versions

Click the Eye Icon – This lets you preview the previous versions of your app.
Click the Restore Button – If you want to roll back to a previous version, simply click Restore to revert your app to that state.

This powerful feature ensures you can always go back to a stable version if needed, providing peace of mind during development.

Deployment History button

Deployment Versions

App Navigation & Settings

Settings#

Switching Between Preview and Code#

Managing Your App’s Components#

Switching Between Desktop and Mobile View#

Using Rollback#

Settings

Switching Between Preview and Code

Managing Your App’s Components

Switching Between Desktop and Mobile View

Using Rollback