นำเข้าแอปที่มีอยู่จาก GitHub ไฟล์ .zip หรือ Lovable

มีแอปอยู่แล้วใช่ไหม ไม่ว่าจะให้นักพัฒนาสร้าง ส่งออกมาจากเครื่องมือสร้างแอปด้วย AI ตัวอื่น หรือเก็บไว้ในรีโพซิทอรี GitHub ก็นำเข้ามาได้ MonstarX จะตรวจสอบก่อนและบอกภายในไม่กี่วินาทีว่ารันแอปนั้นได้ไหม จากนั้นแอปจะทำงานในพรีวิวได้ตามเดิมทุกประการ และพัฒนาต่อได้ด้วยการแชท เหมือนแอปที่ MonstarX สร้างเอง

นำเข้าแอปอย่างไร

เปิด นำเข้า ในช่องคำขอในหน้า โปรเจกต์ แล้วเลือกว่าโค้ดอยู่ที่ไหน

GitHub

1. เลือก นำเข้า → GitHub

2. วางที่อยู่รีโพซิทอรี (เช่น github.com/acme/shop หรือแค่ acme/shop) แล้วกด ตรวจสอบ หากเชื่อมต่อบัญชี GitHub ไว้ รีโพซิทอรีของคุณจะแสดงเป็นรายการให้เลือก รวมถึงรีโพซิทอรีส่วนตัว

3. อ่านผลการตรวจสอบ หากแอปอยู่ใน บรานช์ อื่นหรือ โฟลเดอร์ อื่น เลือกได้ แล้วระบบจะตรวจสอบใหม่

4. กด นำเข้าและรัน

รีโพซิทอรีสาธารณะใดก็นำเข้าได้ด้วยที่อยู่ สำหรับรีโพซิทอรีส่วนตัว ให้เชื่อมต่อ GitHub ก่อนจากเมนู GitHub ของโปรเจกต์ ดู GitHub

ไฟล์ .zip

1. เลือก นำเข้า → ไฟล์ .zip

2. วางไฟล์ .zip ของโฟลเดอร์โปรเจกต์ หรือเลือกไฟล์ ระบบจะตรวจสอบบนคอมพิวเตอร์ของคุณก่อน ยังไม่มีอะไรถูกอัปโหลดจนกว่าจะนำเข้า

3. อ่านผลการตรวจสอบแล้วกด นำเข้าและรัน โค้ดจะสร้างโปรเจกต์ก่อน แล้วรูปภาพจะตามไปทีละรูป (“กำลังอัปโหลดภาพ… 3 จาก 9”)

ไฟล์ zip จะถูกแตกในเบราว์เซอร์ของคุณ node_modules โฟลเดอร์ผลการบิลด์ และไฟล์ .env จึงไม่ออกไปจากคอมพิวเตอร์ของคุณ ไฟล์ zip ใหญ่ได้ถึง 500 MB อัปโหลดโฟลเดอร์โปรเจกต์ตามที่เป็นอยู่ได้เลย ระบบจะข้ามไลบรารีที่ติดตั้งไว้และโฟลเดอร์ผลการบิลด์ให้อัตโนมัติ และจะอ่านและนำเข้าเฉพาะไฟล์ของแอป

Lovable

1. เลือก นำเข้า → Lovable

2. วางคีย์ API ของเวิร์กสเปซจาก Lovable แล้วกด แสดงโปรเจกต์ (คีย์ API ต้องใช้เวิร์กสเปซ Lovable แบบ Business หรือ Enterprise) MonstarX ใช้คีย์แค่โหลดรายการ และไม่บันทึกคีย์ไว้

3. เลือกโปรเจกต์ Lovable ไม่ส่งโค้ดให้ผ่าน API ของตัวเอง MonstarX จึงขอรีโพซิทอรี GitHub ที่โปรเจกต์ Lovable ซิงค์ไว้ ใน Lovable เปิดการตั้งค่าโปรเจกต์ → Git → GitHub เชื่อมต่อหากยังไม่ได้เชื่อม แล้ววางที่อยู่รีโพซิทอรี

4. กด ตรวจสอบโค้ด แล้วกด นำเข้าและรัน

ถ้ายังไม่มีคีย์ API ให้เลือก ไม่มีคีย์ API ใช่ไหม ใช้รีโพซิทอรี GitHub ที่ซิงค์ไว้ แล้ววางที่อยู่รีโพซิทอรีได้เลย

ผลการตรวจสอบแต่ละแบบหมายความว่าอะไร

ป้าย	หัวข้อ	ความหมาย
ทำงานได้ตามเดิม	“ทำงานบน MonstarX ได้ตามสภาพปัจจุบัน”	แอป Vite (หรือแอปที่ส่งออกจาก MonstarX แล้วกลับมาบ้าน) รัน แก้ไข และเผยแพร่บน MonstarX ได้
ทำงานได้ตามเดิม · เผยแพร่ผ่านโฮสต์ของคุณ	“ทำงานบน MonstarX เผยแพร่โดยโฮสต์ของคุณ”	แอปที่มีเซิร์ฟเวอร์ของตัวเอง เช่น Next.js, Remix, Astro, Nuxt, SvelteKit, Create React App รันและแก้ไขได้ที่นี่ แล้วเผยแพร่จาก เผยแพร่ → Vercel หรือใช้โฮสต์เดิมต่อด้วยการบันทึกการเปลี่ยนแปลงขึ้น GitHub
ทำงานที่นี่ไม่ได้	“MonstarX รันแอปนี้ไม่ได้ แต่สร้างใหม่ให้ได้”	แอปมือถือหรือแอปเดสก์ท็อป เว็บไซต์ HTML ธรรมดา หรือเว็บไซต์ที่สร้างด้วย Django, Rails, Laravel, Go และอื่น ๆ ในทำนองเดียวกัน MonstarX ศึกษาแล้วสร้างใหม่เป็นเว็บแอปได้
ยังนำเข้าไม่ได้	เช่น “ไลบรารีโค้ด ไม่ใช่แอป” หรือ “ใหญ่เกินกว่าจะนำเข้าได้”	สิ่งที่ MonstarX รันหรือสร้างใหม่ไม่ได้ ข้อความจะบอกเหตุผล และบอกว่าต้องเปลี่ยนอะไรจึงจะได้ (ส่วนใหญ่คือให้นำเข้าเฉพาะโฟลเดอร์ที่มีแอป)

ผลการตรวจสอบทุกแบบจะแสดงว่าแอปสร้างด้วยอะไร มีขนาดเท่าไหร่ และคีย์ต่าง ๆ (การตั้งค่า เช่น VITE_MAPBOX_TOKEN) ที่ไฟล์ตัวอย่าง environment ระบุชื่อไว้ แต่จะไม่แสดงค่าของคีย์ คำเตือนที่ไม่ได้หยุดการนำเข้าจะแสดงเป็นสีเหลืองอำพัน ได้แก่ ไฟล์ .env ที่คอมมิตไว้ (ไม่ถูกคัดลอก คีย์ในไฟล์นั้นควรอยู่ใน แบ็กเอนด์ → ข้อมูลลับ) บริการที่เริ่มด้วย Docker Compose เซิร์ฟเวอร์ API ของแอปเอง ไฟล์ใน Git LFS หรือไฟล์ที่ใหญ่กว่า 10 MB ซึ่งจะไม่ถูกนำเข้า

นำเข้าแล้วจะเกิดอะไรขึ้น

เวิร์กสเปซจะเปิดขึ้นพร้อมการ์ดที่บอกว่านำอะไรเข้ามาบ้าง และแอปจะเริ่มทำงานในพรีวิว (การเริ่มครั้งแรกจะติดตั้งแพ็กเกจ ซึ่งใช้เวลาหนึ่งถึงสองนาที)

monstarx.com

คีย์ของแอป แสดงการตั้งค่าแต่ละรายการที่โค้ดอ่าน โดยเรียงตามความจำเป็นจริง ได้แก่ จำเป็น (ส่วนของแอปที่อ่านค่านี้ทำงานไม่ได้หากไม่มี) ไม่บังคับ (โค้ดมีทางเลือกสำรอง) และ ไม่ได้ใช้ วางค่าแล้วกด เพิ่ม หรือกด ใช้ “…” เมื่อไฟล์ตัวอย่างของโปรเจกต์มีค่าให้ แล้วพรีวิวจะรีสตาร์ทด้วยค่านั้น ค่าต่าง ๆ จะถูกเข้ารหัสเก็บไว้ใน แบ็กเอนด์ → ข้อมูลลับ

ไม่รู้ว่าค่าเหล่านั้นคืออะไรใช่ไหม กด ไม่ทราบค่าใช่ไหม ถามเครื่องมือที่ใช้สร้างโปรเจกต์ เพื่อรับข้อความไปวางในเครื่องมือที่สร้างโปรเจกต์นั้นมา (สำหรับโปรเจกต์ Lovable คือแชทของ Lovable) เพื่อขอให้แสดงรายการคีย์ทั้งหมดและบอกว่าคัดลอกได้จากที่ไหน โดยไม่เปลี่ยนโค้ดใด ๆ

หาก MonstarX พบคีย์ที่เขียนไว้ในโค้ดโดยตรง การ์ดจะบอกประเภทและไฟล์ของคีย์นั้น (แต่ไม่แสดงค่า) และจะแสดงคีย์ลับ เช่น คีย์ลับของ Stripe หรือคีย์ของ OpenAI ไว้ด้านบนเป็นคำเตือน

หลังนำเข้าแล้วใช้อะไรได้บ้าง

• พรีวิว แชท โหมดแก้ไข เวอร์ชัน และ QA ใช้กับโค้ดของคุณได้ตามเดิมทั้งหมด MonstarX ทำงานในโค้ดและรูปแบบการเขียนของแอปเอง และเพิ่มแพ็กเกจที่แอปต้องใช้ให้
• การเผยแพร่ แอป Vite เผยแพร่บน MonstarX ได้เหมือนแอปอื่น ๆ ส่วนแอปที่มีเซิร์ฟเวอร์ของตัวเองจะเผยแพร่ผ่านโฮสต์ของคุณ จาก เผยแพร่ → Vercel หรือบันทึกขึ้น GitHub ที่โฮสต์ของคุณดึงไปใช้ ดู โฮสต์อื่น
• ส่งออก ให้รีโพซิทอรีตามที่เป็นอยู่ รวมถึงรูปภาพ
• ฐานข้อมูลและบัญชีผู้ใช้ของ MonstarX จะไม่ถูกเพิ่มเข้าไป แอปที่นำเข้าจะใช้สิ่งที่โค้ดใช้อยู่ต่อไป (Supabase, Firebase หรือ API ของตัวเอง) และ แบ็กเอนด์ → ฐานข้อมูล จะแจ้งไว้ คีย์ที่แอปต้องใช้ให้ใส่ใน แบ็กเอนด์ → ข้อมูลลับ

บรานช์ monstarx คืออะไร

เมื่อนำเข้าจาก GitHub ด้วยบัญชีของคุณเองที่เชื่อมต่อไว้ และคุณมีสิทธิ์พุชไปที่รีโพซิทอรีนั้น โปรเจกต์จะยังเชื่อมกับรีโพซิทอรีต่อไป MonstarX จะสร้างบรานช์ชื่อ monstarx ที่คอมมิตที่คุณนำเข้า และบันทึกการเปลี่ยนแปลงไว้ที่นั่น บรานช์หลักของคุณจะไม่ขยับเลย เปิดพูลรีเควสต์จาก monstarx ได้ทุกเมื่อที่ต้องการนำการเปลี่ยนแปลงเข้าบรานช์หลัก เมนู GitHub ของโปรเจกต์มีลิงก์ไปยังหน้าเปรียบเทียบของ GitHub การแก้ไขที่พุชขึ้นบรานช์นั้นบน GitHub จะกลับเข้ามาใน MonstarX ด้วย ดู GitHub

ถ้า MonstarX รันแอปของฉันไม่ได้ล่ะ

สำหรับแอปมือถือ (Expo, React Native, Flutter, Swift, Android) แอปเดสก์ท็อป หรือเว็บไซต์ที่ใช้ Django, Rails, Laravel หรือ Go ผลการตรวจสอบจะเสนอปุ่ม อ่านโค้ดของฉันและวางแผนการสร้างใหม่

MonstarX จะสร้างโปรเจกต์ใหม่ เก็บโค้ดต้นฉบับไว้ข้าง ๆ (อ่านได้อย่างเดียว) ศึกษาโค้ด แล้วเสนอ แผนสร้างใหม่ ซึ่งมีหน้าจอ ข้อมูล กฎในโค้ด บริการที่ใช้และสิ่งที่จะเกิดกับแต่ละบริการ (เก็บไว้ แทนที่แล้ว หรือ ไม่นำมาใช้) ส่วนที่ย้ายมาไม่ได้ และลอจิกที่คงไว้ตามเดิม บอกว่าอะไรผิดแล้วแผนจะถูกแก้ไข กด สร้างแอป เพื่อเริ่มสร้าง โค้ดต้นฉบับยังค้นหาได้ทุกเมื่อเพื่อดูรายละเอียด สำหรับแอปที่รันที่นี่ได้ จะมีปุ่ม สร้างใหม่บน MonstarX แทน เมื่อคุณต้องการใช้ฐานข้อมูล บัญชีผู้ใช้ และการเผยแพร่ของ MonstarX

แอปที่นำเข้าใหญ่ได้แค่ไหน

ขีดจำกัด	ค่า
โค้ด	ไม่เกิน 3,000 ไฟล์ และ 12 MB ไฟล์ละไม่เกิน 400 KB
รูปภาพและไฟล์อื่น ๆ	ไม่เกิน 500 MB สำหรับการนำเข้าไฟล์ ZIP (100 MB จาก GitHub) ไฟล์ละไม่เกิน 10 MB
ไฟล์ .zip	ไม่เกิน 500 MB ก่อนตัดไลบรารีที่ติดตั้งไว้และผลการบิลด์ออก
การสร้างใหม่	ไม่เกิน 1,500 ไฟล์ และโค้ด 5 MB

หากเกินขีดจำกัด ผลการตรวจสอบจะบอกตัวเลข ขีดจำกัด และทางออก ซึ่งส่วนใหญ่คือนำเข้าเฉพาะโฟลเดอร์ที่มีแอป

คำถามที่พบบ่อย

การนำเข้าเปลี่ยนรีโพซิทอรี GitHub ของฉันไหม

ไม่เปลี่ยนบรานช์หลัก หากมีสิทธิ์พุช การเปลี่ยนแปลงจะไปอยู่ที่บรานช์ monstarx หากไม่มีสิทธิ์ ระบบจะแค่อ่านรีโพซิทอรีเท่านั้น

นำเข้า monorepo ได้ไหม

ได้ MonstarX จะหาโฟลเดอร์ที่มีแอปให้ และให้คุณเลือกโฟลเดอร์อื่นได้จากผลการตรวจสอบ

นำเข้าแอปที่ส่งออกจาก MonstarX ได้ไหม

ได้ แอปจะกลับมาเป็นโปรเจกต์ MonstarX เต็มรูปแบบ (พร้อมฐานข้อมูลใหม่ที่ยังว่างอยู่ ข้อมูลของแอปเดิมยังอยู่ที่เดิม)

โค้ดที่นำเข้ารันได้อย่างปลอดภัยไหม

โค้ดรันในคอมพิวเตอร์บนคลาวด์ที่ปลอดภัยและแยกเป็นของตัวเอง และติดตั้งแพ็กเกจโดยปิดสคริปต์ติดตั้งไว้

นำเข้าโค้ดที่คนอื่นเขียนได้ไหม

ได้เฉพาะโค้ดที่คุณมีสิทธิ์ใช้งาน ผลการตรวจสอบจะแสดงใบอนุญาตของรีโพซิทอรี หรือแจ้งว่าไม่ได้ระบุใบอนุญาต

หน้าที่เกี่ยวข้อง

เอเจนต์เขียนโค้ดของคุณพุชแอปจาก Claude Code, Codex หรือ Cursor

โคลนเว็บไซต์สร้างหน้าต่าง ๆ ของเว็บไซต์สาธารณะขึ้นใหม่

GitHubเชื่อมต่อ GitHub และซิงค์การเปลี่ยนแปลง

โฮสต์อื่นเผยแพร่ไปยัง Vercel และที่อื่น ๆ