✨Custom App (Beta)
The Custom App feature lets you build functional end-to-end applications, either with the help of our AI assistant or by writing the code yourself. Unlike Custom Components 2.0, which don’t support databases and require you to create actions manually, the Custom App feature offers full functionality - including code editing, hosted database access, and automatic action generation.
Overview
You can access the list of all your custom applications, as well as create new ones, from the Apps section of the workspace menu. Here, click the + button and select Custom App.
Give your app a name and proceed to the Builder mode to start generating the application.
Building an app
Connecting data
When you create an app, it also automatically creates a hosted data source for the app. You can use the hosted one or connect your own data source to access the data you need.
With our hosted databases, the AI has more capabilities including utilizing migrations. With customer databases, the AI can only read and delete data, but it cannot change its structure.
Click on the Connect Data tab in the header to see the list of all available data sources, both hosted and user. Here, you can also see which data source is active now, switch to a different one, and connect a new data source by clicking Other Data Sources. You'll be redirected to the Data source connection page where you can follow the usual flow of connecting your data.
The AI will have access only to the data sources you authorize.
Generating & code editing
To build an app with AI, you can either type in what you want to create or attach an image of a similar UI as a visual aid and you can also write and edit the code yourself. If you use the AI Assistant, it will start working and you'll be able to see all the steps taken while generating an app based on your prompts.
Once generated, you'll be able to inspect the code structure in the Code tab in the header - including automatically created actions, components, docs, migrations, and others. Here, you can also tweak the code to better suit your needs and manage the whole file and folder structure. Right click to create new files, folders, rename, and delete existing ones.
During app building, the AI can also read and analyze logs to address any issues that occur.
Database management
In the Database Editor tab on the left, you can manage your current database as well as all other hosted databases available, all in one place.
You can create and delete databases.
You can switch between different databases using the dropdown in the header.
You can see a list of all tables with their data.
You can add new tables and rows, duplicate, edit and delete existing ones.
Using tokens
Tokens for the Custom App feature work in the same way as for Custom components 2.0. You can find more details here👇
Publishing an app
Once you're ready to release your app, click the Release button in the upper right corner of the screen. Select your version, add a description if you want, and choose the environments you want to deploy to, just like with regular apps you build yourself. You can also share the app with specific users or make it public from the Share button popup.
Use case examples
Now, let's review two examples of custom apps you can generate in UI Bakery - utilizing both a hosted and user databases. Watch our interactive demos below and learn how you can build similar apps yourself.
App with hosted database
App with user-managed database
Last updated
Was this helpful?