Deploy an App Built with Google AI Studio

Google AI Studio lets you build a working app from a single text prompt—the UI, logic, and code are generated directly in your browser, no local development environment needed. 

The catch is that your app lives inside the AI Studio sandbox. To share it with the world via a public URL, you need to export the project and deploy it somewhere.

This guide takes you from a finished AI Studio app to a live deployment on Hostman App Platform:

• export your app's code to a GitHub repository;
• connect the repository to Hostman App Platform;
• configure the build and publish your app;
• set up automatic redeployments on every code change.

By the end, you'll have a public URL for your app and a workflow where pushing changes to GitHub is all it takes to trigger a new build.

Prerequisites

Copy link

Before you start, make sure you have:

• an app built in Google AI Studio;
• a Hostman account to deploy your app.

You will also need a GitHub account which we'll cover in Step 1, if you don't have it yet.

AI Studio runs in the browser at aistudio.google.com and exports code via a built-in GitHub integration, which you connect through OAuth directly from the interface. 

Step 1. Create a GitHub Account

Copy link

You'll need GitHub to store your app's code and connect it to Hostman.

If you already have one, sign in and skip to the next step.

1. Go to github.com and click Sign up.
2. Register using your Google account, Apple account, or email address.

Once registered, you'll land on your GitHub dashboard.

Step 2. Connect GitHub to AI Studio

Copy link

In this step, you link AI Studio to GitHub and push your app's code to a new repository.

In AI Studio:

1. On the Build page, click the settings icon (gear) in the top-right corner.

2. Go to the GitHub tab.

3. Click Sign in to GitHub to continue and complete the OAuth flow. GitHub may ask you to confirm your login via email—this is expected. 

If your account is already connected, you'll see the Sync to GitHub form straight away.

4. Fill in the repository details:

• New repository name: a name for your repository, no spaces.

• New repository description: a short description of your project.

• Visibility: leave it set to Private (the default). Private repositories work fine with Hostman when connected via your GitHub account.

5. Click Create GitHub repository.

6. In the Sync to GitHub window that opens, review the files to be pushed and click Stage and commit all changes.

7. Open the repository on GitHub and confirm that all your project files are there.

Step 3. Connect the Repository to Hostman and Deploy

Copy link

With your code on GitHub, you're ready to deploy.

1. Go to hostman.com and sign in to your dashboard.

2. Navigate to App Platform and click Create.

3. Select your application type:

• Frontend: for static sites and SPAs;

• Backend: for server-side applications;

• Docker: if your project includes its own containerisation.

4. On the Repository step:

• Click the GitHub icon and sign in to GitHub;

• Grant Hostman access to your GitHub account;

• Select your repository from the list.

If your repository doesn't appear, click Add Account, re-grant access, and refresh the list.

5. Keep the Build by last executed commit option enabled. This tells Hostman to automatically rebuild and redeploy your app on every new commit.

6. Select a deployment region closest to your target audience to minimise latency.

7. Click Order and wait for the build to complete.

You’re Live!

Copy link

Once deployed, Hostman assigns your app a public domain. Find it in Dashboard → Domain. You can share it right away or configure your custom domain in Settings.

From now on, keeping your app up to date is straightforward:

1. Make changes to your app in AI Studio.

2. Open the GitHub panel and push the changes using the commit button.

3. Hostman detects the new commit and automatically triggers a redeployment.

Your app stays live and up to date with every push.