Getting Started With Bubble

Brand new to web apps? Start here for the basic overview of Bubble's editor, and how to design and deploy Bubble apps.
NOW PLAYING

Welcome to Bubble •  1:44 min

Welcome to your first experience with Bubble! Let's get started.

Resources

Useful resources to help you with this course.
Welcome to Bubble
Welcome to Bubble—a visual programming language that lets you build web applications without code.

To get started, log in to your Bubble.io account and navigate to "My apps":

1. Click "New Application"



2. Fill out the new app form



As shown in the figure above, you should enter a unique name for your application. Bubble will then host this application on [your-app-name].bubbleapps.io until you add a custom domain of your own.

The Application assistant will present you with a homepage that we will use throughout this crash course, so don't clear it!

We're going to walk through the five easy setup questions that the Application Assistant provides to start your app. These questions are optional but are a great starting point to build from as you begin developing.

3. Set Your Application Title



The first question asks for your application's name as it will appear in the tab of your browser. This title can be changed later, and can be individually edited per page. Adding a title helps increase your app's visibility on the web.

3.a. Set Your Default Language



Bubble comes with hundreds of languages for your application so users can view your app in their native tongue. With this screen, set the primary language for your application from the dropdown. If your language is not yet supported, you can request to add it here!

3.b. Upload a Favicon



The Favicon, also known as your tab icon, will appear next to your application title in the browser tab for each page. Usually, websites make this icon their brand logo or something to else to represent their app.

3.c. Install Any Plugins



As you become more familiar with making your application on Bubble, you can extend its functionality through Plugins. If you have a particular plugin in mind, you can add it now, but you can always install or uninstall later in the Plugins tab.

3.d. The API Connector



Finally, one of the essential plugins Bubble offers is the API Connector, which will enable your Bubble app to connect to any external API. If you know in advance that your app will need to connect to an API, you can add this plugin now.

Your application is now set up and ready to go!



Challenge: Setup your own application through the Application Assistant
Bubble