Move Your Google AI Studio Website or Web App to Your Own Hosting

Review the Project for External Deployment

Ask Google AI Studio to identify everything the project needs to run outside its own environment.

External Deployment Review

Identifies the framework, build and runtime settings, required environment variables and secrets, external services, and anything that needs the production domain — then returns a short external-deployment checklist.

Review this project specifically for deployment outside Google AI Studio. Identify: - the framework and project type - whether the project is frontend-only or uses server-side functionality - the production build command - the start command if required - the build output directory - the required Node.js/runtime version - every environment variable or secret required in production — names only - whether GEMINI_API_KEY or another API key is required server-side - any authentication, Firebase, database, storage, API, OAuth, or external service configuration - anything that needs the final production domain, such as redirect URLs, allowed origins, CORS settings, or webhooks Check that private API keys and secrets are not exposed in client-side code. Do not deploy or migrate anything yet. Give me a short external-deployment checklist containing only what I need to configure after moving the project to another host.

Open Google AI Studio

Keep the checklist for the deployment steps.

Connect the Project to GitHub

Open your project in Google AI Studio and go to:

Settings GitHub

Connect your GitHub account Create a new repository or link an existing one Sync the latest version of the project

The files are available in GitHub

You'll use this repository for the first deployment and future updates.

Get Hostinger Web App Hosting

This guide uses Hostinger to run the production version of your website or web app.

Get Hostinger Web App Hosting

Deploy your Google AI Studio project from GitHub and keep future updates connected.

USED IN THIS TUTORIAL

https://www.hostg.xyz/SHJyP

Already have Hostinger hosting? Continue below.

Start a Web App Deployment

Once your hosting is ready, in Hostinger:

Start a new Web App deployment Choose GitHub as the source Connect the GitHub account that contains your project

Configure the Build and Deploy

Select the repository from Step 2 and review the detected build and runtime settings.

Use the checklist from Step 1 to add any required production environment variables.

If your project uses the Gemini API, securely add this as a server-side environment variable in Hostinger:

GEMINI_API_KEY

GEMINI_API_KEY

Your Gemini API key — server-side only

Get this value from Google AI Studio

Open API Keys

https://aistudio.google.com/apikey

IMPORTANT

Never place the secret value directly in frontend code.

Then deploy the project to a temporary live URL.

Check the Live Version

Open the temporary URL and test the important parts of the project.

Main pages and routes

Gemini or AI features

Authentication

Forms

Database-connected features

APIs and external services

Images and assets

IMPORTANT

Fix any production configuration issues before connecting your real domain.

Connect Your Production Domain

Once the temporary deployment works correctly, connect your production domain in Hostinger, then verify:

The domain opens the correct website or web app

HTTPS is active

Important pages and features work

Gemini or AI features work

Authentication works

Database and external services remain connected

Redirect URLs and allowed origins use the production domain where required

No private keys or secrets are exposed in frontend code

Your Google AI Studio project is now running on your own hosting.

Keep building normally in Google AI Studio and sync your changes to GitHub. Your workflow becomes Google AI Studio → GitHub → Hostinger.

Future changes can then be deployed from the connected repository without manually exporting and uploading the project again.