วิธีที่ 1: ดาวน์โหลดไฟล์ ZIP จากแชทนี้
ไฟล์ source-code.zip ประกอบด้วยโค้ดทั้งหมดของโปรเจกต์ (โฟลเดอร์ src/ และไฟล์ config หลัก) ยกเว้น node_modules
- กดดาวน์โหลดไฟล์ ZIP จากแชท (แสดงอยู่ด้านล่างข้อความนี้)
- แตกไฟล์ ZIP ในเครื่องของคุณ
- เปิด Terminal แล้วเข้าไปในโฟลเดอร์ที่แตกไฟล์
- รันคำสั่งติดตั้ง dependency:
bun install - รันทดสอบในเครื่อง:
bun run dev - Build สำหรับ Production:
bun run build
หมายเหตุ: โปรเจกต์นี้สร้างด้วย TanStack Start + React + Vite จึงต้องมีเครื่องมือสำหรับรัน Node.js/Bun และติดตั้ง dependency ก่อน จึงจะ deploy บนเว็บไซต์ของตัวเองได้
วิธีที่ 2: เชื่อมต่อ GitHub (แนะนำสำหรับอัปเดตบ่อย)
Lovable ซิงค์โค้ดเข้า GitHub repository ได้แบบอัตโนมัติ ทำให้คุณ clone โค้ดออกไป deploy เองได้ง่าย
- ใน Lovable Editor กดปุ่ม + ที่ช่องแชท → เลือก GitHub → Connect project
- อนุญาต Lovable GitHub App เข้าถึง GitHub account ของคุณ
- เลือก account/organization แล้วกด Create Repository
- รอสักครู่ให้ Lovable push โค้ดขึ้น GitHub
- เข้าไปที่ repository บน GitHub แล้วกด Code → Download ZIP หรือใช้คำสั่ง
git clone <repo-url>
วิธีที่ 3: คัดลอกจาก Code Editor ใน Lovable
เหมาะกับการเอาเฉพาะส่วนที่ต้องการไปใส่ในโปรเจกต์อื่น
- กดไอคอน Code Editor ด้านบน Preview (Desktop)
- เลือกไฟล์ที่ต้องการ เช่น
src/routes/index.tsxหรือsrc/lib/themes.ts - เลือกเนื้อหาแล้วกด Ctrl+C / Cmd+C เพื่อคัดลอกไปวางในโปรเจกต์ของคุณ