Google AI Studio Web Siteleri ve Web Uygulamaları Nasıl Yayına Alınır

Hosting Planınızı Seçin

Hostinger Business Plan

Videoda gösterilen planı seçin, ardından rehbere devam edin.

RECOMMENDED

https://www.hostg.xyz/SHJ9N

Ücretsiz alan adınızı alın

Ödeme ve hesap kurulumunu tamamlayın

Empty PHP/HTML Website seçeneğini kullanarak yeni bir site oluşturun

Google AI projenizi açın

Save to GitHub'a tıklayın

Yeni bir depo oluşturun

Projenin tamamını yüklemek için Add Changes'e tıklayın

Hostinger'a geri dönün

Node.js Web App'i seçin

Continue with GitHub'a tıklayın

Aynı depoyu seçin

Hostinger Vite'ı otomatik algılar (değişiklik gerekmez)

Gemini API anahtarını ortam değişkeni olarak ekleyin

API_KEY GOOGLE_API_KEY GEMINI_API_KEY VITE_GOOGLE_API_KEY VITE_GEMINI_API_KEY

API_KEY

Gemini API anahtarı

GOOGLE_API_KEY

Gemini API anahtarı

GEMINI_API_KEY

Gemini API anahtarı

VITE_GOOGLE_API_KEY

Gemini API anahtarı

VITE_GEMINI_API_KEY

Gemini API anahtarı

Bu anahtarı Google AI Studio'dan alın

API anahtarlarını aç

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

Deploy'a tıklayın

Alan adınızı bağlayın

Boş bir beyaz ekran görünürse Google AI'da şu prompt'u çalıştırın

Beyaz Ekran Düzeltme Prompt'u

Hatasız yayına alınıyor, ancak canlıda boş beyaz bir sayfa gösteriyor...

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 → GitHub'a Commit

Hostinger güncellemeyi otomatik olarak yeniden yayına alır

Nihai Workflow Özeti

Google AI projenizi oluşturur GitHub değişiklikleri senkronize eder Hostinger her şeyi otomatik olarak yayına alır Google AI'daki her yeni güncelleme → anında sitenizde canlı