Plugins
Templates
Air Native - Convert your Bubble app to Android and iOS
Convert your Bubble app to Android and iOS native apps with Air Native. Then integrate all of the native features with the help of Air Native Plugin.

โ€‹
๐Ÿ’ก
About this Service

Link to the native page: https://zeroqode.com/nativeโ€‹
โ€‹
๐Ÿ”Œ
Zeroqode Templates: boost the Development of your Bubble App
โ€‹
๐ŸŽ“
Zeroqode Lab: no-code Courses and Tutorials
โ€‹

โ€‹
โœ
Introduction

Embedding your existing Bubble app into mobile applications is a super easy process with our new Air Native service.
All you need is to indicate your app URL and add your own images like splash screen, icons, etc., and we'll handle the rest.
What you'll get from us are ready-made builds for Android and iOS apps, ready to be published to Google Play and App Store.
Tip: With Air Native, you can have your native iOS and Android builds ready even if your Bubble app is not complete yet. You can already order the builds to have the native environment for testing, and simply focus on the development process of your app
๐Ÿš€
โ€‹
Note: App Store & Google Play Publishing is not included by default. If you'd like us to take care of the publishing process, it can be purchased as an add-on to your builds order.
โ€‹

โ€‹
โœ”
Prerequisites

Tip: Check the Bubble tips and tricks for native section of this doc, to optimize the design and performance for Android and iOS.
Before converting your Bubble app to native apps, you need to have the following accounts:
#
Account
Link
Price
1
Apple Developer
$99 per year
2
Google Play Developer
$25 one-time
3
OneSignal
Free
4
Firebase
Free
The Apple and Google Developer accounts are necessary for publishing the native apps to App Store and Google Play, under your own name.
The OneSignal and Firebase accounts are needed for Push Notifications configurations, in case your app requires such functionality. You will be able to monitor all the data and manage all configurations under your own accounts.
Note: There are two types of Apple Developer Program memberships: Individual and Organizational. We recommend choosing the Organizational account because it is much easier to handle the uploading and publishing process. If you have the Individual, it is best to change it to Organizational (based on new Apple Developer policies, the invited team members can create certificates only if you have this type of account).
โ€‹

โ€‹
๐Ÿšง
How it works

The whole process is pretty straight-forward. You just order your builds (and publishing if needed), then submit the app details from your Zeroqode Profile -> Air Native tab, and we'll notify you back within 24 hours* when builds are ready to be published.
*Note: 24h turnaround time applies only for the Builds and applies to work days only. It starts to count from the moment of adding the additional app details from the zeroqode.com profile -> Air Native tab.

Order builds

The first step is to purchase your native builds.
โ€‹
1โƒฃ
Go to zeroqode.com/native, and scroll down to locate the pricing section.
โ€‹
2โƒฃ
Select the App Store & Google Play Publishing checkbox if needed, and click to Order builds now.
Order your native builds
Tip: The Android + iOS Builds price is $299. It is a one-time payment and you are able to convert only one Bubble app. In case you want to have two (and more) Bubble apps converted to native apps, it is required to purchase another license.
Tip: You can change your App URL to use a different Bubble project under the same license, for free. The number of rebuilds is unlimited.
Note: Check the App Store review guidelines and Google Play review guidelines prior to submission. In case of any guideline violation, Apple/Google may reject your app. You will have to solve all the mentioned violations before submitting your app again.

Submit app details

After purchase, it is required to fill in some app information.
โ€‹
1โƒฃ
You will be redirected to your zeroqode.com/profile -> Air Native tab to submit your app details:
Go to Profile -> Air Native tab
โ€‹
2โƒฃ
Fill in all the app details (choose the preferred configurations), then submit:
Note: Please make sure to add Zeroqode's emails to your accounts as team members, prior to submission as shown on the gif below. This will help us deliver the native builds much faster.
Submit all the app details
Congrats! Your native builds will be delivered within 24 hours (working days only). You will receive an email as soon as everything is ready.
โ€‹

โ€‹
๐Ÿ”Œ
Air Native Plugin

So, you have successfully converted your Bubble app to Android and iOS - what's next?
๐Ÿค”
Since you are using Bubble to build your startup, when it comes to adding all kinds of features to your app - it is required to use events and actions in your workflows.
Which is why we have built the Air Native Plugin, that comes with all the
๐Ÿ“ฑ
native features you can implement into your Bubble editor.
Air Native Plugin: See the instructions on how to install and configure the plugin to use all of the Native Features in your Bubble App.
โ€‹

โ€‹
๐Ÿ”Œ
List of Zeroqode plugins compatible with Air Native

Tip: The list will expand with time.
โ€‹

โ€‹
๐Ÿš€
Bubble tips and tricks for native

There are many ways to plan the architecture of your Bubble app. It is really a matter of choice how to design and build the logic.
Tip: It is optional, but the following points will considerably help you boost the speed and performance of your Android and iOS, as well as prevent potential rejection from Apple/Google.
1. Your Bubble app should be a Single Page Application. Try to use just one page for your entire app (if possible), and use the show/hide actions.
2. The "page redirects" should happen through custom states and/or option sets.
Note: Using URL parameters will considerably slow down your native apps. Please try to avoid it.
3. Hide all the unnecessary elements on your page, even if they are not seen!
4. Think over loading from the database in advance. Filter the unnecessary.
5. Design your Bubble app with native principles in your mind. It will help a lot at the publishing stage (especially for App Store, because the guys from Apple Review Team are quite picky and may reject your app).
Some great mobile UX design resources:
Note: To prevent app rejection from Apple/Google, please check the App Store review guidelines and Google Play review guidelines prior to submission. In case of any guideline violation, Apple/Google may reject your app. You will have to solve all the mentioned violations before submitting your app again.
6. Optimise your app. Remove any unnecessary plugins, styles, JavaScript code, etc.
โ€‹

Release Notes

Version: 1.0.0

โ€‹
โš™
released on 2 Aug 2021
INITIAL RELEASE!
๐ŸŽ‰
โ€‹
โ€‹

โ€‹
๐ŸŽฎ
Demo

Give it a try here to test the Android app, and here to test the iOS app.
Last modified 10d ago