How to Deploy Google AI Studio Websites & Web Apps

Deploy your Google AI website or web app step-by-step using GitHub and Hostinger. Simple, clear instructions to get your project online and fully working.

Roadmap & Resources

Choose Hosting Plan & Set Up Your Site

Choose Your Hosting Plan

Hostinger Business Plan

Choose the plan shown in the video, then continue the guide.

RECOMMENDED

https://www.hostg.xyz/SHJ9N

Claim your free domain

Complete payment & account setup

Create a new site using Empty PHP/HTML Website

Prepare Your Project Inside Google AI

Open your Google AI project

Click Save to GitHub

Create a new repository

Click Add Changes to upload the full project

Connect Your Project to Hostinger

Go back to Hostinger

Choose Node.js Web App

Click Continue with GitHub

Select the same repository

Hostinger auto-detects Vite (no changes required)

Add the Required Gemini API Key

Add the Gemini API key as environment variables

API_KEY GOOGLE_API_KEY GEMINI_API_KEY VITE_GOOGLE_API_KEY VITE_GEMINI_API_KEY

API_KEY

Gemini API key

GOOGLE_API_KEY

Gemini API key

GEMINI_API_KEY

Gemini API key

VITE_GOOGLE_API_KEY

Gemini API key

VITE_GEMINI_API_KEY

Gemini API key

Get this key from Google AI Studio

Open API keys

https://aistudio.google.com/app/apikey

Deploy Your Site + Fix the White Screen Issue

Click Deploy

Connect your domain

If a blank white screen appears, run the following prompt in Google AI

Fix White Screen Prompt

It deploys without errors, but in production, it renders a blank white page. No console errors appear. The issue occurs on multiple hosting providers, so it is not a hosting problem. Please debug the app and fix the root cause so it renders properly in production, without changing the existing UI.

Save → Stage → Commit to GitHub

Hostinger auto-redeploys the update

✨ Final Workflow

Final Workflow Summary

Google AI builds your project GitHub syncs changes Hostinger deploys everything automatically Any future update in Google AI → instantly live on your site