FOLLOW-ALONG WORKSHOP

Product Showcase Starter

เริ่มจาก catalog ที่แสดงผลได้ แล้วใช้ Claude Code ทำทีละ checkpoint

ตัวอย่าง static local เท่านั้น: ไม่มี backend, authentication, database, payment, customer data หรือการเผยแพร่จริง

6 CHECKPOINTS

Build one verified vertical slice

เพิ่มช่องค้นหา ID/ชื่อ และพิสูจน์ DL-1007

เพิ่ม Shape + Availability และพิสูจน์ผล Round/Available = 4

แสดงข้อความเมื่อไม่พบข้อมูล พร้อมปุ่ม Reset

ตรวจ 390, 768 และ 1440 px โดยไม่มี horizontal overflow

ตรวจ media ID, Approved status และ alt text สองภาษา

กรอกผู้อนุมัติ วันทบทวน และวิธี unpublish; deploy เป็น optional

STARTING POINT