สร้างโปรดักต์ดิจิทัลชิ้นแรกของคุณด้วย AI

สร้างแอป To-Do List ที่ทำงานในเบราว์เซอร์รุ่นแรกด้วย Lovable พร้อมฝึกกำหนดขอบเขต PRD, Project Knowledge, Plan mode ตรวจงาน แก้ไข สร้างจุดบันทึกเวอร์ชันที่ใช้งานได้ และย้อนกลับไปยังเวอร์ชันก่อนหน้า

1. เอกสารสรุปการสร้างครั้งแรกแบบจำกัดขอบเขต🔒15 นาที
2. PRD และ Project Knowledge🔒20 นาที
3. ตรวจสอบและอนุมัติแผนฉบับแรก🔒10 นาที
4. ตรวจผลงานที่สร้างครั้งแรก🔒20 นาที
5. วงจรแก้ไขครั้งแรก🔒30 นาที
6. ฝึกบันทึกและย้อนกลับเวอร์ชัน🔒12 นาที

เพิ่มการบันทึกข้อมูลในเบราว์เซอร์ให้แอป To-Do List แล้วทดสอบพฤติกรรมหลังโหลดหน้าใหม่และปัญหา localStorage ที่พบบ่อย

1. ทำไม localStorage จึงสำคัญ🔒10 นาที
2. เพิ่มการบันทึกข้อมูลด้วย localStorage🔒35 นาที
3. ทดสอบ localStorage ด้วยตนเอง🔒20 นาที
4. ทำอย่างไรเมื่อ localStorage มีปัญหา🔒25 นาที

ฝึกกู้คืนจากงานนอกขอบเขต วงจรที่ติดขัด API ที่ถูกแต่งขึ้น การเปลี่ยนแปลงที่ทำให้ระบบเสีย และข้อความข้อผิดพลาดที่เข้าใจยาก ก่อนแอปจะซับซ้อนขึ้น

1. Lovable เปลี่ยนสิ่งที่ฉันไม่ได้ขอ🔒18 นาที
2. Lovable ทำซ้ำหรือแต่ง API ขึ้นมา🔒18 นาที
3. เมื่อการย้อนกลับไปยังเวอร์ชันก่อนหน้าดีกว่าการแก้ต่อ🔒12 นาที
4. อ่านข้อความข้อผิดพลาดโดยไม่ต้องอ่านโค้ด🔒20 นาที

สร้างฟีเจอร์ frontend ด้วยคำแนะนำที่ลดลง วางสถานะ UX ในจุดที่ทดสอบได้ และสร้างส่วนแรกของผลิตภัณฑ์ของคุณ

1. ตัวกรองและสถานะว่าง🔒35 นาที
2. แก้ไขงานด้วย prompt ของคุณเอง🔒40 นาที
3. ลำดับความสำคัญและการย้ายข้อมูล🔒45 นาที
4. วันครบกำหนด การค้นหา และสถานะไม่พบผลลัพธ์🔒45 นาที
5. UX บนมือถือและการตรวจปัญหาถดถอย🔒20 นาที
6. หมุดหมาย: ส่วนแรกของผลิตภัณฑ์คุณ🔒45 นาที

จัดระเบียบแอป To-Do List ด้วยการปรับโครงสร้างโค้ดทีละส่วน พร้อมตรวจปัญหาถดถอยเพื่อให้แอปยังทำงานเหมือนเดิม

1. เมื่อใดจึงควรปรับโครงสร้างโค้ด🔒15 นาที
2. แยกฟังก์ชันช่วยสำหรับงาน🔒30 นาที
3. แยกอะแดปเตอร์สำหรับ localStorage🔒30 นาที

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

1. จาก localStorage สู่ข้อมูลระยะไกล🔒15 นาที
2. โมเดลข้อมูลของผลิตภัณฑ์คุณ🔒20 นาที
3. เอกสารสรุปการย้ายแอป To-Do List ไปยังฐานข้อมูล🔒20 นาที

สร้างโปรเจกต์ Supabase วางแผนการย้ายข้อมูล สร้างตาราง tasks และเชื่อมการอ่านเขียนข้อมูลระยะไกลจริง

1. สร้าง Supabase ตั้งแต่ต้น🔒30 นาที
2. สร้างตาราง tasks ด้วย Lovable🔒35 นาที
3. โหลดงานจากฐานข้อมูล🔒35 นาที
4. เชื่อมการสร้าง อัปเดต และลบ🔒40 นาที

เพิ่มการเข้าสู่ระบบ เชื่อมงานกับผู้ใช้ และทดสอบพฤติกรรมด้วยผู้ใช้สองคนก่อนเปิดการบังคับใช้ความเป็นส่วนตัว

1. ทำไมจึงต้องเข้าสู่ระบบ🔒10 นาที
2. เพิ่มหน้าจอเข้าสู่ระบบ🔒40 นาที
3. ทดสอบด้วยผู้ใช้สองคน🔒20 นาที

เปลี่ยนการเป็นเจ้าของงานให้เป็นความเป็นส่วนตัวจริงในฐานข้อมูลด้วย RLS การวินิจฉัยปัญหา และการทดสอบผู้ใช้สองคน

1. ทำไมการกรองใน frontend จึงไม่พอ🔒12 นาที
2. สร้างนโยบาย RLS🔒35 นาที
3. วินิจฉัย RLS เมื่อบล็อกแถวของคุณ🔒30 นาที
4. ทดสอบข้อผิดพลาดของระบบยืนยันตัวตนและสิทธิ์เข้าถึง🔒25 นาที

เชื่อม GitHub เตรียมตัวแปรสภาพแวดล้อม เผยแพร่แอปบน Vercel และทดสอบพื้นฐานของแอปที่เปิดใช้งานจริงหลังเพิ่มระบบความปลอดภัย

1. การเผยแพร่แอปหมายถึงอะไร🔒12 นาที
2. สร้าง GitHub ตั้งแต่ต้น🔒25 นาที
3. เตรียมโปรเจกต์ให้พร้อมเผยแพร่🔒20 นาที
4. ตัวแปรสภาพแวดล้อม🔒20 นาที
5. เผยแพร่แอปครั้งแรก🔒35 นาที
6. การทดสอบพื้นฐานบนระบบจริง🔒20 นาที

เก็บรายละเอียดแอป To-Do List ตรวจปัญหาถดถอยรอบสุดท้าย เขียนเอกสารส่งมอบผลงาน และระบุสิ่งที่การสร้างแอปนี้ยังไม่ได้สอนคุณ

1. ปรับ UX ขั้นสุดท้าย🔒25 นาที
2. เช็กลิสต์ตรวจปัญหาถดถอยรอบสุดท้าย🔒25 นาที
3. README และคำอธิบายผลงาน🔒25 นาที
4. สิ่งที่การสร้างแอป To-Do List ยังไม่ได้สอนคุณ🔒12 นาที

ใช้ Build Notes ที่สะสมมาเพื่อต่อยอดส่วนแรกของผลิตภัณฑ์ แล้วจบด้วยสูตรที่นำกลับมาใช้ได้และแผนที่เครื่องมือ

1. ประกอบ PRD ของคุณ🔒25 นาที
2. prompt กลางสำหรับฟีเจอร์หรือผลิตภัณฑ์ใหม่🔒15 นาที
3. ฟีเจอร์แรกของผลิตภัณฑ์ตั้งแต่ต้นจนจบ🔒45 นาที
4. ดัชนีสูตรและฟีเจอร์ถัดไป🔒20 นาที
5. เมื่อ Lovable ไม่พอ: แผนที่เครื่องมือ🔒15 นาที