วิธีดีพลอยเว็บไซต์และเว็บแอปจาก Google AI Studio

เลือกแพ็กเกจโฮสติ้งของคุณ

Hostinger Business Plan

เลือกแพ็กเกจตามที่แสดงในวิดีโอ แล้วทำตามคู่มือต่อ

RECOMMENDED

https://www.hostg.xyz/SHJ9N

รับโดเมนฟรีของคุณ

ชำระเงินและตั้งค่าบัญชีให้เรียบร้อย

สร้างเว็บใหม่โดยใช้ Empty PHP/HTML Website

เปิดโปรเจกต์ Google AI ของคุณ

กด Save to GitHub

สร้าง repository ใหม่

กด Add Changes เพื่ออัปโหลดโปรเจกต์ทั้งหมด

กลับไปที่ Hostinger

เลือก Node.js Web App

กด Continue with GitHub

เลือก repository เดิม

Hostinger ตรวจจับ Vite ให้อัตโนมัติ (ไม่ต้องเปลี่ยนอะไร)

เพิ่ม Gemini API key เป็นตัวแปรสภาพแวดล้อม

API_KEY GOOGLE_API_KEY GEMINI_API_KEY VITE_GOOGLE_API_KEY VITE_GEMINI_API_KEY

API_KEY

คีย์ API ของ Gemini

GOOGLE_API_KEY

คีย์ API ของ Gemini

GEMINI_API_KEY

คีย์ API ของ Gemini

VITE_GOOGLE_API_KEY

คีย์ API ของ Gemini

VITE_GEMINI_API_KEY

คีย์ API ของ Gemini

รับคีย์นี้จาก Google AI Studio

เปิดหน้าคีย์ API

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

กด Deploy

เชื่อมโดเมนของคุณ

ถ้าเจอหน้าจอขาวเปล่า ให้รันพรอมต์ต่อไปนี้ใน Google AI

พรอมต์แก้หน้าจอขาว

ดีพลอยผ่านโดยไม่มีข้อผิดพลาด แต่พอใช้งานจริงกลับขึ้นหน้าขาวเปล่า…

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 ขึ้น GitHub

Hostinger ดีพลอยอัปเดตใหม่ให้อัตโนมัติ

สรุปเวิร์กโฟลว์ฉบับสมบูรณ์

Google AI สร้างโปรเจกต์ให้คุณ GitHub ซิงก์การเปลี่ยนแปลง Hostinger ดีพลอยทุกอย่างอัตโนมัติ ทุกครั้งที่อัปเดตใน Google AI → ขึ้นเว็บของคุณทันที