วิธีย้ายจาก Lovable มายัง Mythex (โค้ด ข้อมูล และโดเมน)

หากต้องการย้ายจาก Lovable มายัง Mythex ให้นำโค้ดออกจาก Lovable ผ่านการเชื่อมต่อ GitHub จากนั้นนำเข้าไปยังโปรเจกต์ Mythex ด้วยการเชื่อมรีโพซิทอรีหรือนำเข้าไฟล์ที่บีบอัดไว้ ตั้งค่าความลับใหม่ และทดสอบใน Preview ก่อนเผยแพร่ ส่วนหน้าบ้านมักย้ายได้โดยไม่ต้องแก้ไข การตัดสินใจที่แท้จริงอยู่ที่แบ็กเอนด์: จะคงโปรเจกต์ Supabase เดิมของคุณไว้ หรือจะย้ายข้อมูลไปที่อื่น

คู่มือนี้พาคุณดูขั้นตอนการย้ายทั้งหมดตามลำดับ และตรงไปตรงมาเกี่ยวกับส่วนที่ต้องใช้ความพยายาม

ก่อนเริ่ม: อะไรบ้างที่ย้ายได้จริง

แอป Lovable ประกอบด้วยหลายส่วน และแต่ละส่วนย้ายต่างกัน

เขียนตารางนี้สำหรับแอปของคุณก่อน ใช้เวลาสิบนาทีและช่วยป้องกันเซอร์ไพรส์ส่วนใหญ่ได้

ขั้นตอนที่ 1: นำโค้ดออกจาก Lovable

เอกสารของ Lovable (ณ เดือนกันยายน 2026) อธิบายสองวิธีในการนำโค้ดออก:

• ซิงก์ GitHub Lovable สามารถส่งออกและซิงก์โปรเจกต์กับ GitHub แบบสองทิศทาง และเอกสารระบุว่ารองรับ github.com ในทุกแพ็ก เชื่อมต่อ GitHub ใน Lovable แล้วโค้ดของคุณจะไปอยู่ในรีโพซิทอรีที่คุณเป็นเจ้าของ โปรดทราบว่า Lovable ซิงก์ทีละหนึ่งบรานช์
• ดาวน์โหลดโค้ด ในแพ็กที่เสียเงิน คุณดาวน์โหลดโค้ดได้โดยตรงจาก Project settings → Git

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

ก่อนออกจาก Lovable ให้เปิดรีโพซิทอรีและมองหา:

• ไฟล์ .env หรือ .env.example ซึ่งระบุตัวแปรสภาพแวดล้อมที่แอปคาดหวัง
• โฟลเดอร์ supabase/ ซึ่งอาจมีการย้ายฐานข้อมูลและโค้ด Edge Function
• สคริปต์ใน package.json ซึ่งแสดงวิธีสร้างและรันแอป

ขั้นตอนที่ 2: ตัดสินใจเรื่องแบ็กเอนด์

นี่คือการเลือกที่สำคัญที่สุด แอป Lovable มักใช้ Supabase สำหรับฐานข้อมูลและการล็อกอิน ไม่ว่าจะผ่านโปรเจกต์ Supabase ที่คุณเชื่อมเอง หรือผ่าน Lovable Cloud

ตัวเลือก A: คงโปรเจกต์ Supabase ของคุณไว้

หากแอปของคุณเชื่อมต่อกับโปรเจกต์ Supabase ของคุณอยู่แล้ว นี่คือเส้นทางที่ง่ายที่สุด โค้ดของแอปยังเรียก URL ของ Supabase เดิมด้วยคีย์เดิม ข้อมูล ผู้ใช้ และไฟล์ของคุณจึงอยู่ที่เดิมทุกประการ คุณย้ายเพียงส่วนหน้าบ้าน

ตัวเลือก B: ย้ายออกจาก Lovable Cloud

หากแอปของคุณใช้ Lovable Cloud Lovable มีเอกสารอธิบาย การส่งออกฐานข้อมูล ภายใต้ More → Cloud → Overview → Advanced settings ตามเอกสารของ Lovable (ณ เดือนกันยายน 2026):

• การส่งออกมีฐานข้อมูลทั้งชุด ทั้งโครงสร้างและข้อมูล รวมถึงบัญชีผู้ใช้และแฮชรหัสผ่านของพวกเขา
• ไม่รวม ไฟล์ในพื้นที่จัดเก็บ โค้ด Edge Function หรือความลับของโปรเจกต์ การตั้งค่าผู้ให้บริการล็อกอินก็ไม่รวมด้วย
• การส่งออกรองรับฐานข้อมูลได้ถึง 15 GB ไฟล์มีขนาดได้ไม่เกิน 5 GB และคุณขอการส่งออกได้หนึ่งครั้งทุก 24 ชั่วโมง
• ไม่มีการย้ายแบบคลิกเดียวจาก Cloud ไปยัง Supabase และปลายทางที่รองรับสำหรับการย้ายแบ็กเอนด์ของ Cloud คือ Supabase แบบจัดการหรือ Supabase แบบโฮสต์เอง

ดังนั้นเส้นทางที่ใช้กันทั่วไปคือ: กู้คืนการส่งออกไปยังโปรเจกต์ Supabase ของคุณเอง สร้างบัคเก็ตพื้นที่จัดเก็บ Edge Function และการตั้งค่าการยืนยันตัวตนขึ้นใหม่ที่นั่น แล้วถือว่าเป็นตัวเลือก A ดูเอกสารการตั้งค่าขั้นสูง ของ Lovable สำหรับรายละเอียด

ตัวเลือก C: ย้ายทุกอย่างไปยังฐานข้อมูลของ Mythex

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

ขั้นตอนที่ 3: นำโค้ดเข้ามาใน Mythex

สร้างโปรเจกต์ใหม่ที่ว่างเปล่าใน Mythex จากนั้นให้ทำอย่างใดอย่างหนึ่ง:

• นำเข้าไฟล์บีบอัด เปิด project settings → Export → Import into this project แล้วอัปโหลดไฟล์ .zip, .tar.gz หรือ .tgz ปุ่ม Download ZIP ของ GitHub จะให้ไฟล์ที่ใช้งานได้
• เชื่อม GitHub แล้วดึงโค้ด เชื่อม GitHub ในการตั้งค่าโปรเจกต์ เชื่อมรีโพซิทอรี แล้วดึงโค้ด การซิงก์ GitHub เป็นฟีเจอร์ของแพ็ก Pro

การนำเข้าจะแทนที่ไฟล์ของโปรเจกต์ ดังนั้นให้ใช้โปรเจกต์ที่ว่างเปล่า ไฟล์ .env ใด ๆ ในไฟล์บีบอัดจะถูกตัดออกระหว่างนำเข้า จึงไม่มีความลับหลุดไปโดยไม่ตั้งใจ หลังนำเข้าสำเร็จ Mythex สามารถเปิดแชตใหม่ที่เอเจนต์ติดตั้งแพ็กเกจ หาวิธีรันแอป และเปิด Preview ให้ได้ คุณสามารถสั่งการแชตนั้นได้เหมือนแชตอื่น รายละเอียดอยู่ในหลังการนำเข้า

หาก Preview ไม่ขึ้นเอง ให้ถาม:

โปรเจกต์นี้ส่งออกมาจาก Lovable เป็นแอป React + TypeScript + Tailwind ที่ใช้ Supabase ติดตั้งแพ็กเกจ หาคำสั่ง dev จาก package.json และเปิด Preview ให้ได้ ยังไม่ต้องแก้โค้ดแอปใด ๆ

ขั้นตอนที่ 4: ใส่ความลับใหม่

เปิด project settings → Secrets แล้วเพิ่มค่าทุกค่าที่แอปต้องใช้ สำหรับแอปที่ใช้ Supabase โดยทั่วไปคือ URL ของโปรเจกต์ Supabase และคีย์สาธารณะ (anon หรือ publishable) ใช้ชื่อจากไฟล์ .env.example หรือจากตำแหน่งที่โค้ดอ่านค่าเหล่านั้น

กฎสองข้อ:

• เฉพาะคีย์สาธารณะเท่านั้นที่ควรอยู่ในตัวแปรส่วนหน้าบ้าน ในแอป Vite ตัวแปรที่ขึ้นต้นด้วย VITE_ จะถูกฝังลงใน JavaScript ที่ผู้เข้าชมทุกคนดาวน์โหลด
• ห้ามใส่คีย์ service role ของ Supabase ไว้ในโค้ดส่วนหน้าบ้านเด็ดขาด หากฟังก์ชันฝั่งเซิร์ฟเวอร์ต้องการใช้มัน ให้อยู่ฝั่งเซิร์ฟเวอร์เท่านั้น

จากนั้นให้ขอให้เอเจนต์ยืนยันว่าแอปอ่านค่าเหล่านั้นได้:

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

คู่มือตัวแปรสภาพแวดล้อมและความลับ อธิบายความต่างระหว่างค่าสาธารณะและค่าส่วนตัว

ขั้นตอนที่ 5: ทดสอบก่อนสลับอะไรทั้งนั้น

แอป Lovable ของคุณยังเปิดใช้งานอยู่ จึงไม่ต้องรีบ ทดสอบเวอร์ชัน Mythex ใน Preview กับขั้นตอนการใช้งานจริง:

• สมัคร ล็อกอิน ล็อกเอาต์ และรีเซ็ตรหัสผ่าน
• สร้าง แก้ไข และลบระเบียน
• อัปโหลดไฟล์ หากแอปของคุณทำ
• ทุกอย่างที่เรียก Edge Function หรือ API ของบุคคลที่สาม

การตั้งค่าของ Supabase Auth มีจุดหนึ่งที่มักพลาด คือ redirect URL ที่อนุญาตสำหรับอีเมลล็อกอินและรีเซ็ตรหัสผ่าน เพิ่มที่อยู่ Preview และที่อยู่ที่เผยแพร่ของ Mythex ลงไป ไม่เช่นนั้นการล็อกอินจะเด้งกลับไปยังโดเมนเก่า

คำสั่ง /test ของ Mythex ให้เอเจนต์คลิกผ่าน Preview ของคุณเหมือนผู้ใช้จริงและรายงานขั้นตอนที่เสีย คู่มือการทดสอบแอปก่อนเปิดตัว มีเช็กลิสต์ที่ละเอียดกว่า

ขั้นตอนที่ 6: เผยแพร่และย้ายโดเมน

เมื่อทุกอย่างทำงานได้ ให้เผยแพร่จากเวิร์กสเปซเพื่อรับที่อยู่ <slug>.mythex.app แล้วทดสอบอีกครั้งที่นั่น เพราะแอปที่เผยแพร่แล้วเป็นสแนปช็อตแยกของโปรเจกต์

ในแพ็ก Pro คุณเชื่อมโดเมนของตัวเองได้ อัปเดตระเบียน DNS ที่ผู้ให้บริการโดเมนของคุณ เพิ่มที่อยู่ใหม่ลงใน redirect URL ที่อนุญาตของ Supabase และหลังจากนั้นจึงปิดเวอร์ชัน Lovable คู่มือการเชื่อมต่อโดเมนของคุณเอง ครอบคลุม DNS ทีละขั้นตอน

ข้อผิดพลาดที่พบบ่อย

• ย้ายฐานข้อมูลและส่วนหน้าบ้านพร้อมกัน ย้ายส่วนหน้าบ้านก่อน พิสูจน์ว่าทำงานได้กับแบ็กเอนด์เดิม แล้วค่อยตัดสินใจเรื่องข้อมูล
• ลืม Edge Function หากแอปเรียก Supabase Edge Function พวกมันจะอยู่บน Supabase ต่อ หรือต้องเขียนใหม่เป็นโค้ดฝั่งเซิร์ฟเวอร์ พวกมันไม่ได้รันอยู่ในส่วนหน้า Vite
• วางคีย์ service role ไว้ในส่วนหน้าบ้าน คีย์นี้ให้สิทธิ์เต็มกับฐานข้อมูลของคุณแก่ทุกคนที่เปิด devtools ได้
• ขาด redirect URL ของการยืนยันตัวตน ล็อกอินทำงานใน Preview แต่ล้มเหลวบนโดเมนจริง
• เปลี่ยน DNS ก่อนทดสอบ URL ที่เผยแพร่ ทดสอบที่อยู่ mythex.ai ก่อน เพราะการย้อนการเปลี่ยน DNS ใช้เวลา
• นำเข้าไปยังโปรเจกต์ที่มีงานอยู่แล้ว การนำเข้าจะแทนที่ไฟล์ ให้ใช้โปรเจกต์ใหม่

เมื่อการอยู่กับ Lovable เป็นทางเลือกที่ดี

ควรซื่อสัตย์กับตัวเองว่าทำไมคุณถึงย้าย Lovable มีการแก้ไขภาพบนพรีวิวแบบชี้แล้วคลิก และมีแบ็กเอนด์สำเร็จรูปด้วย Lovable Cloud ส่วน Mythex ไม่มีทั้งสองอย่าง หากคุณพึ่งพาสิ่งเหล่านั้นทุกวัน การย้ายจะเสียมากกว่าได้ Mythex เหมาะกว่าหากคุณต้องการตัวแก้ไขโค้ดและเทอร์มินัลจริงไว้ข้างแชต หนึ่งยอดเครดิตสำหรับทั้งการสร้างและการโฮสต์ หรืออยากใช้สแต็กอื่น คู่มือทางเลือกแทน Lovable และหน้าMythex กับ Lovable เปรียบเทียบรายละเอียดเพิ่มเติม

เช็กลิสต์การย้าย

• ลิสต์ทุกส่วนของแอป: โค้ด ฐานข้อมูล ผู้ใช้ ไฟล์ ฟังก์ชัน ความลับ และโดเมน
• ซิงก์โค้ดไปยังรีโพซิทอรี GitHub ที่คุณเป็นเจ้าของ
• ตัดสินใจเรื่องแบ็กเอนด์แล้ว (คง Supabase หรือส่งออกจาก Lovable Cloud)
• นำโค้ดเข้าโปรเจกต์ Mythex ที่ว่างเปล่า และ Preview ทำงาน
• ใส่ความลับใหม่แล้ว ไม่มีคีย์ส่วนตัวในตัวแปร VITE_
• อัปเดต redirect URL ของการยืนยันตัวตนสำหรับที่อยู่ใหม่แล้ว
• ทดสอบการสมัคร ล็อกอิน ขั้นตอนข้อมูลหลัก และการอัปโหลดใน Preview แล้ว
• เผยแพร่และทดสอบซ้ำที่ที่อยู่ mythex.ai แล้ว
• ย้าย DNS แล้ว และปิดแอปเก่าหลังยืนยันว่าแอปใหม่ทำงานแล้วเท่านั้น

สำหรับฝั่ง Mythex ดู GitHub การส่งออก และการนำเข้า ในเอกสาร

คำถาม