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

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

v0 สร้างคอมโพเนนต์ React (มักเป็น Next.js) หากต้องการโฮสต์เอง คุณต้องสร้าง build แบบสแตติก เช่น Next แบบส่งออกสแตติก (โฟลเดอร์ out) หรือ dist ของ Vite ซึ่งเป็น HTML/CSS/JS ธรรมดาและอัปโหลดได้ทันที ฟีเจอร์ของ Next ที่ต้องใช้เซิร์ฟเวอร์ (SSR, API route, server action) จะไม่ทำงานบนโฮสติ้งแบบสแตติก แต่การส่งออกสำหรับเว็บไซต์การตลาดหรือพอร์ตโฟลิโอใช้ได้ดี

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

• สิ่งที่อัปโหลดขึ้น 404 หรือเป็นหน้าว่างเปล่า

  คุณน่าจะอัปโหลดซอร์สโค้ดหรือ build สำหรับเซิร์ฟเวอร์ สำหรับ Next ให้ตั้งค่า output: 'export' แล้ว build เพื่อให้ได้โฟลเดอร์ out/ จากนั้นบีบอัดเนื้อหาในโฟลเดอร์โดยให้ index.html อยู่ระดับบนสุด

• next/image หรือฟอนต์ไม่โหลด

  ตัวปรับแต่งรูปภาพของ next/image ต้องใช้เซิร์ฟเวอร์ สำหรับการส่งออกแบบสแตติก ให้ใช้รูปภาพที่ไม่ผ่านการปรับแต่ง (หรือ <img> ธรรมดา) และโฮสต์ฟอนต์เอง เพื่อไม่ให้อะไรต้องพึ่งเซิร์ฟเวอร์ build

• API route หรือ server action ไม่ตอบสนอง

  สิ่งเหล่านี้ต้องใช้เซิร์ฟเวอร์ Node ให้เก็บส่วนที่เป็นไดนามิกไว้บนแพลตฟอร์มที่รัน Next และเผยแพร่หน้าการตลาดแบบสแตติกที่นี่

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

Netlify (เช่นเดียวกับ Vercel) รัน build ของ Next ฝั่งเซิร์ฟเวอร์ได้ ถ้าผลลัพธ์จาก v0 เป็นเว็บไซต์แบบสแตติก คุณไม่ต้องใช้กลไกเหล่านั้น SiteDrop โฮสต์โฟลเดอร์ out ที่ส่งออกมาเป็น zip และให้ URL ที่เป็นของคุณภายในหนึ่งนาที โดยไม่ต้องตั้งค่า preset ของเฟรมเวิร์กหรือเชื่อม repository