Cara Men-deploy Situs & Aplikasi Web Google AI Studio
Deploy website atau aplikasi web Google AI Anda langkah demi langkah menggunakan GitHub dan Hostinger. Instruksi sederhana dan jelas untuk membuat proyek Anda online dan berfungsi sepenuhnya.
Roadmap & sumber daya
Pilih Paket Hosting & Siapkan Situs Anda
Pilih Paket Hosting Anda
Hostinger Business Plan
Pilih paket yang ditampilkan di video, lalu lanjutkan panduannya.
RECOMMENDED
https://www.hostg.xyz/SHJ9N
Klaim domain gratis Anda
Selesaikan pembayaran & pengaturan akun
Buat situs baru menggunakan Empty PHP/HTML Website
Siapkan Proyek Anda di Dalam Google AI
Buka proyek Google AI Anda
Klik Save to GitHub
Buat repository baru
Klik Add Changes untuk mengunggah seluruh proyek
Hubungkan Proyek Anda ke Hostinger
Kembali ke Hostinger
Pilih Node.js Web App
Klik Continue with GitHub
Pilih repository yang sama
Hostinger mendeteksi Vite secara otomatis (tidak ada perubahan yang diperlukan)
Tambahkan API Key Gemini yang Diperlukan
Tambahkan API key Gemini sebagai variabel environment
API_KEY GOOGLE_API_KEY GEMINI_API_KEY VITE_GOOGLE_API_KEY VITE_GEMINI_API_KEY
API_KEY
Kunci API Gemini
GOOGLE_API_KEY
Kunci API Gemini
GEMINI_API_KEY
Kunci API Gemini
VITE_GOOGLE_API_KEY
Kunci API Gemini
VITE_GEMINI_API_KEY
Kunci API Gemini
Ambil kunci ini dari Google AI Studio
Buka kunci API
https://aistudio.google.com/app/apikey
Deploy Situs Anda + Perbaiki Masalah Layar Putih
Klik Deploy
Hubungkan domain Anda
Jika layar putih kosong muncul, jalankan prompt berikut di Google AI
Prompt Perbaikan Layar Putih
Ini di-deploy tanpa error, tetapi di produksi menampilkan halaman putih kosong…
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 ke GitHub
Hostinger melakukan re-deploy pembaruan secara otomatis
✨ Workflow Akhir
Ringkasan Workflow Akhir
Google AI membangun proyek Anda GitHub menyinkronkan perubahan Hostinger men-deploy semuanya secara otomatis Pembaruan apa pun di masa mendatang di Google AI → langsung live di situs Anda