Project 1: Landing Page ที่ publish ได้

แก่นของบทนี้

ภาพนี้คือ workflow หลักของ project แรก ตั้งแต่ spec จนถึง review หลัง deploy

Project แรกไม่ควรเป็นแอปใหญ่

ควรเป็นสิ่งที่เล็กพอให้คุณเห็น workflow ครบตั้งแต่ต้นจนจบ

ในบทนี้เราจะทำ landing page 1 หน้า

เป้าหมายไม่ใช่ทำเว็บที่สวยที่สุดในโลก

เป้าหมายคือให้คุณฝึก workflow นี้:

Spec → Plan → Build → Test → Fix → Deploy → Review

Landing page เหมาะเป็น project แรก เพราะ:

• scope เล็ก
• ตรวจเองได้ง่าย
• ยังไม่ต้องมี login
• ยังไม่ต้องมี payment
• ยังไม่ต้องมี database ซับซ้อน
• deploy แล้วเห็นผลจริงทันที

ถ้าคุณทำบทนี้จบ คุณจะเข้าใจแกนของ vibe coding มากกว่าการอ่านทฤษฎีอีกหลายบท

ถ้าจะ deploy จริง ให้ใช้บทนี้คู่กับ Appendix D — Vercel Deploy Playbook บทนี้บอก workflow หลัก ส่วน Appendix D บอกขั้นตอน deploy/check/rollback แบบละเอียดกว่า

Project ที่เราจะสร้าง

หน้าแรกไม่ต้องใหญ่ แค่มี section สำคัญพอให้ user เข้าใจและกรอก form/mock form ได้