Cách deploy website & ứng dụng web từ Google AI Studio

Chọn gói hosting của bạn

Hostinger Business Plan

Chọn gói được hiển thị trong video, sau đó tiếp tục hướng dẫn.

RECOMMENDED

https://www.hostg.xyz/SHJ9N

Nhận tên miền miễn phí của bạn

Hoàn tất thanh toán & thiết lập tài khoản

Tạo một site mới bằng tùy chọn Empty PHP/HTML Website

Mở dự án Google AI của bạn

Nhấn Save to GitHub

Tạo một kho lưu trữ mới

Nhấn Add Changes để tải toàn bộ dự án lên

Quay lại Hostinger

Chọn Node.js Web App

Nhấn Continue with GitHub

Chọn đúng kho lưu trữ đó

Hostinger tự động nhận diện Vite (không cần thay đổi gì)

Thêm khóa API Gemini vào các biến môi trường

API_KEY GOOGLE_API_KEY GEMINI_API_KEY VITE_GOOGLE_API_KEY VITE_GEMINI_API_KEY

API_KEY

Khóa API Gemini

GOOGLE_API_KEY

Khóa API Gemini

GEMINI_API_KEY

Khóa API Gemini

VITE_GOOGLE_API_KEY

Khóa API Gemini

VITE_GEMINI_API_KEY

Khóa API Gemini

Lấy khóa này từ Google AI Studio

Mở trang khóa API

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

Nhấn Deploy

Kết nối tên miền của bạn

Nếu xuất hiện màn hình trắng trơn, hãy chạy prompt sau trong Google AI

Prompt khắc phục màn hình trắng

Nó deploy không báo lỗi, nhưng khi chạy thật lại hiển thị một trang trắng trơn...

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 lên GitHub

Hostinger tự động deploy lại bản cập nhật

Tóm tắt workflow hoàn chỉnh

Google AI xây dựng dự án của bạn GitHub đồng bộ các thay đổi Hostinger tự động deploy mọi thứ Mọi cập nhật sau này trong Google AI → lên site của bạn ngay lập tức