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

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

โปรเจกต์ของ bolt.new มักเป็นแอป Vite/React คุณจึงโฮสต์ build แบบสแตติก (โฟลเดอร์ dist) ได้แก่ HTML, CSS, JS และ asset ตัวอย่างในเบราว์เซอร์ไม่ใช่ URL ถาวร จึงต้อง build เป็นผลลัพธ์แบบสแตติกแล้วอัปโหลด ฟีเจอร์ที่ต้องพึ่งเซิร์ฟเวอร์จะไม่ทำงานบนโฮสติ้งแบบสแตติก

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

• ตัวอย่างใน Bolt ใช้ได้ แต่สิ่งที่อัปโหลดเป็นหน้าว่างเปล่า

  ตัวอย่างรันบนเซิร์ฟเวอร์สำหรับพัฒนา แต่ zip ของคุณต้องเป็นผลลัพธ์ที่ build แล้ว ให้รัน npm install && npm run build แล้วบีบอัดเนื้อหาในโฟลเดอร์ dist

• asset ขึ้น 404 หลัง deploy

  ตั้งค่า base ของ Vite เป็น './' ก่อน build เพื่อให้ URL ของ asset อ้างอิงแบบสัมพัทธ์จากรากของ zip แล้ว build และบีบอัดใหม่

• npm run build ล้มเหลวในโปรเจกต์ที่ดาวน์โหลดมา

  รัน npm install ก่อนเพื่อให้มี dependency ครบ และใช้ Node เวอร์ชันปัจจุบัน เมื่อได้ dist แล้ว การโฮสต์ก็แค่อัปโหลด zip

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

การเชื่อม git ของ Netlify build โปรเจกต์ Bolt ได้ทุกครั้งที่ push ถ้าคุณต้องการลิงก์ถาวรที่ติดแบรนด์ของคุณโดยไม่ต้องเชื่อม repository และตั้งค่า build SiteDrop คือทางที่เบากว่า: build ผลลัพธ์แบบสแตติกครั้งเดียว อัปโหลด zip แล้วแชร์ URL พร้อมโดเมนของตัวเองในแพ็กเกจแบบชำระเงิน