App Editor
The app editor is where you build your app content and functionality. At it's core it is a document editor much like google docs and notion, but with a few key differences that make it perfect for building web apps.
We call any content that you add to each document of your app, "blocks". Each block is a self-contained unit of functionality that can be combined with other blocks to create dynamic interactions. Blocks can be as simple as a paragraph of text or as complex as a form that saves data to our database.
Lets take a look at some of the key features of the app editor.
Document
The document is the main area of the app editor where you build your app. It is made up of a series of blocks that you can add, remove and rearrange to create your app.
Add a new block by clicking the '+' button that appears when you hover over the document. Search and select the block type you would like to add. You can also drag and drop blocks to rearrange them.
To delete a block, select the block menu (6 dots) that appears when you hover over a block and click the delete button.
Saving
Documents are saved automatically as you make changes. Select the undo and redo buttons in the top right of the editor to undo and redo any changes you have made. These changes are saved to our servers and can be accessed from any device you log in to.
App pages
The app pages tab is where you can see all the pages in your app. You can add new pages by clicking the '+' button and selecting 'Create new page'. To remove a page hover over the page name and click the delete button.
The deletion of pages cannot be undone
The homepage is the first page that users will see when they visit your app. As such it cannot be deleted.
Preview window
Once you have added some content to your app, you can preview it by clicking the play button in the top right of the editor. This will load any changes you've made to your app into the preview window, where you can interact with it as if you were a user. The preview app will load from the homepage so that you can test the whole user journey of your current app.
Be sure to preview your app regularly to ensure that all the blocks you are adding work correctly. Getting into the habit of testing will help you to identify any issues early on in the app building process.