วิธีโฮสต์เว็บไซต์ที่สร้างด้วย Lovable

ประเภทไฟล์ที่ใช้ได้

Lovable สร้างแอป React/Vite คุณจึงโฮสต์ผลลัพธ์ที่ build แล้ว คือโฟลเดอร์ dist แบบสแตติกหลังรัน npm run build ซึ่งเป็น HTML/CSS/JS ธรรมดา อัปโหลดได้อย่างสมบูรณ์ สิ่งที่โฮสต์แบบสแตติกไม่ได้คืออะไรก็ตามที่เชื่อมกับ backend ที่ทำงานอยู่ (การยืนยันตัวตน ฐานข้อมูล route ฝั่งเซิร์ฟเวอร์) ซึ่งเว็บไซต์การตลาดหรือพอร์ตโฟลิโอมักไม่มี

อะไรที่อาจผิดพลาด และวิธีแก้

• บีบอัดโปรเจกต์แล้วได้หน้าว่างเปล่า

  คุณบีบอัดซอร์สโค้ด ไม่ใช่ผลลัพธ์ build ให้รัน npm install แล้วตามด้วย npm run build จากนั้นบีบอัดเนื้อหาในโฟลเดอร์ dist โดยให้ index.html อยู่ระดับบนสุด

• หน้าว่างเปล่า และคอนโซลแสดง 404 สำหรับ /assets/*

  Vite ใช้ path แบบสัมบูรณ์สำหรับ asset โดยค่าเริ่มต้น ให้ตั้งค่า base: './' ใน vite.config ก่อน build เพื่อให้ asset อ้างอิงจากรากของ zip แล้ว build ใหม่

• Supabase หรือฟีเจอร์ยืนยันตัวตนใช้งานไม่ได้หลังเผยแพร่

  ฟีเจอร์เหล่านั้นต้องใช้ backend ที่ทำงานอยู่และคีย์ environment ซึ่งโฮสติ้งแบบสแตติกไม่ได้รัน ให้เผยแพร่ front-end แบบสแตติกที่นี่ และเก็บฟีเจอร์แบบไดนามิกไว้บนบริการที่รันเซิร์ฟเวอร์

SiteDrop เทียบกับการใช้ Netlify ตรงๆ

Netlify รัน build ของ Vite ให้คุณจาก repository git ได้ สะดวกถ้าคุณต้องการ deploy อัตโนมัติ แต่ต้องแลกกับการเชื่อม git ตั้งค่า build และจัดการ env vars ถ้าคุณอยาก build ครั้งเดียวบนเครื่องแล้วแค่โฮสต์โฟลเดอร์ dist SiteDrop รับไฟล์ zip นั้นได้โดยตรงและให้ลิงก์ (และโดเมนของตัวเองในแพ็กเกจแบบชำระเงิน) โดยไม่ต้องมีไปป์ไลน์