Deploying Your Bubble App •  1:59 min

Now that our application is complete, it is time to deploy it live! In Bubble, this process is just a few clicks long.
1. Click on “Development” to open the dropdown.


The first step is to open our app’s Development dropdown. In the top right corner of our application, we can see an element labeled “Development”. Clicking on that will produce a menu; here, we can click the “Deploy current version to Live”. 

Click the “Deploy current version to Live” button. Once clicked, this button will bring up a popup that prompts you to enter a deployment message.

2. Set your deployment message.


The deployment message is useful for keeping track of what we’re deploying. Think of each deploy as a save point that would allow us to restore our application. Entering a descriptive message here will remind us of what we deployed at a specific time if we ever have to roll our application back to a previous version. 

After we give our application a deployment message, we can publish our application by clicking  “Deploy."

3. Click to view your Live version.


Let’s view our deployed application. To do this, we can navigate back to the Development dropdown and click on the “Live” version to select it. Note that the dropdown now changes to “Live (read only)”: changes cannot be made directly to your app’s Live mode.

Click the Preview button to view our Live application. This allows us to see the app the same way our users would.

4. Review your database


Go to your app’s Data view, and select the App Data tab. If we select “Recipes” or “Users” here, we can see that there is no data in either category.

The data in our Development database is for testing purposes only. Unlike our design and workflows, it does not transfer into our app’s Live mode. This allows us to have a fresh database to start with once our application is ready for real users.

5. Maintaining the application


Now that we have one deploy, we can always make design changes and re-deploy the application as necessary. For this tutorial, we’ll add a small update: let’s add a cupcake emoji element into our Call to Action element. To do this, click to select an Icon element, draw it into the Call to Action element, and use the dropdown to select a cupcake for your icon.

Now that we have the update in place, click on “Development”, and then on the “Deploy current version to Live” button. We’ll name this update “Cupcake”. To see this change, click on the “Preview” button, and refresh the page if necessary.

Next, click the “Dropdown” button, and select the “History” option. Here, we can keep track of all of our deployments and changes, and revert to a previous deployment if we find that we’ve made a mistake in our application.

Congrats! You’ve now built your first application on Bubble.

Challenge: Launch your Bubble application!