การ Deploy โปรเจกต์

IMGPrompt เป็นการส่งออกแบบสแตติกล้วน (output: "export") จึง deploy ได้บน EdgeOne Pages, Cloudflare Pages, Vercel หรือเซิร์ฟเวอร์สแตติกใดก็ได้

เลือกเส้นทางที่เร็วที่สุดสำหรับคุณ:

  • อยากได้โฮสติงแบบไม่ต้องตั้งค่า — ใช้ Vercel deploy ในคลิกเดียว
  • ต้องการสภาพแวดล้อมที่ควบคุมเองได้ — รันในเครื่องยืดหยุ่นที่สุด
  • ถนัดคอนเทนเนอร์ — ดึงอิมเมจ Docker อย่างเป็นทางการ

ไม่ว่าเลือกทางไหน คุณก็ได้ประสบการณ์หลายภาษาและคลังพรอมต์ 5000+ ชุดเดียวกัน

คำแนะนำการ Deploy

ความต้องการของระบบ:

  • Node.js 20.9 ขึ้นไป
  • รองรับ macOS, Windows (รวมถึง WSL) และ Linux

Deploy บน Vercel

คลิกปุ่มด้านล่างเพื่อ deploy IMGPrompt ขึ้นแพลตฟอร์ม Vercel ในคลิกเดียว:

Vercel

Vercel ช่วยให้คุณโฮสต์โปรเจกต์ได้อย่างรวดเร็ว พร้อมจัดการการบิลด์และ deploy ให้อัตโนมัติ เหมาะกับผู้ใช้ที่ไม่ต้องการตั้งค่าเซิร์ฟเวอร์ที่ซับซ้อน

Deploy ในเครื่อง

ตรวจสอบให้แน่ใจว่าติดตั้ง Node.js แล้ว

# Installation (ติดตั้ง dependencies)
yarn

# Local Development (รันโหมดพัฒนาในเครื่อง)
yarn dev

# build (ส่งออกไฟล์สแตติกไปยังโฟลเดอร์ out/ พรีวิวด้วยเซิร์ฟเวอร์สแตติกใดก็ได้)
yarn build
npx serve out

# Deploy for a single language (deploy ภาษาเดียว)
yarn build:lang en
yarn build:lang zh
yarn build:lang zh-hant

เมื่อรันแล้ว เปิด http://localhost:3000 ในเบราว์เซอร์เพื่อดูผลลัพธ์

ถนัดตัวจัดการแพ็กเกจอื่น? แทนที่ yarn ในตัวอย่างด้วยคำสั่ง pnpm หรือ npm ที่เทียบเท่าได้เลย

Deploy ด้วย Docker

อิมเมจอย่างเป็นทางการมาพร้อมเว็บไซต์สแตติกครบทั้ง 18 ภาษา — ไม่ต้องติดตั้ง Node.js หรือบิลด์เอง คำสั่งเดียวก็โฮสต์เองบนเซิร์ฟเวอร์ที่บ้านหรือ NAS ได้:

# ghcr.io
docker run -d -p 5666:5666 --name imgprompt ghcr.io/rockbenben/img-prompt:latest

# Docker Hub
docker run -d -p 5666:5666 --name imgprompt rockben/img-prompt:latest

เมื่อคอนเทนเนอร์ทำงานแล้ว เปิด http://localhost:5666 ในเบราว์เซอร์เพื่อใช้งานได้ทันที การอัปเกรดภายหลังเพียงดึงอิมเมจใหม่แล้วสร้างคอนเทนเนอร์ใหม่ (docker pull จากนั้นลบคอนเทนเนอร์เก่าแล้ว docker run อีกครั้ง)