ตัดมาจากคาบเรียนสด ช่วงสร้างโครง Next.js สำหรับร้านกาแฟ รันเซิร์ฟเวอร์ในเครื่องแล้วเปิดหน้าแรก พร้อมช่วงลองพังดูที่ตั้งใจกรอกเมนูใหม่แล้วรีเฟรช ให้เห็นกับตาว่าข้อมูลหายเพราะยังไม่มีฐานข้อมูล
คลิปนี้ตัดจากคาบเรียนสดจริง
มาจากคาบ สร้างเว็บฟรี 100% ด้วย Claude Code ไม่ต้องสมัครรายเดือน รอบวันที่ 19 ก.ย. 69 ซึ่งเป็นคาบเรียนแบบกลุ่มที่มีคนเรียนอยู่จริง ไม่ใช่คลิปที่จัดฉากอัด ช่วงที่คนเรียนติดและถามกลางคาบอยู่ในคลิปหมด · ตอนที่ 3 จาก 7 ของคาบนี้
ภารกิจของตอนนี้
สร้างโครงเว็บ Next.js แล้วเข้าใจว่าทำไมข้อมูลถึงหายตอนรีเฟรช
หยุดคลิปแล้วก๊อปไปวางได้เลย เรียงตามลำดับที่ใช้ในคลิป
สร้างโครงโปรเจคเว็บ Next.js สำหรับระบบจัดการร้านกาแฟ ด้วย TypeScript และ Tailwind CSS
ข้อกำหนด:
1. ใช้ Next.js App Router โครงสร้างเรียบง่ายและเป็นระเบียบ
2. หน้าแรกแสดงชื่อร้านกาแฟ หัวข้อรายการเครื่องดื่ม มีแบบฟอร์มให้กรอกเพิ่มเมนูใหม่ และส่วนสรุปโน้ตของร้าน
3. จัดการข้อมูลเมนูในหน่วยความจำของหน้าเว็บไปก่อน
4. ตรวจสอบว่าโปรเจคคอมไพล์ผ่าน และพร้อมสำหรับสั่งรันเซิร์ฟเวอร์สำหรับพัฒนาในเครื่องpnpm devเป็นลิงก์ affiliate — ถ้าคุณช้อปผ่านลิงก์นี้ dev ได้ค่าคอมเล็กน้อย โดยราคาคุณเท่าเดิม 🙏
หัวชาร์จ GaN ตัวเดียวจบทั้งโน้ตบุ๊กและมือถือ ตัวเล็กกว่าหัวเดิมที่แถมมาเยอะ — ถ้ายังไม่มี เริ่มจากตัวนี้ก่อนได้
งบยังไม่เยอะแต่ไม่อยากให้เสียงแตก — ไมค์คอนเดนเซอร์ตัวเริ่มต้นที่พอสำหรับอัดคลิปสอนหรือประชุมออนไลน์
จัดโต๊ะให้ทำงานกับ AI ได้นานขึ้น ไม่ปวดคอปวดหลัง
เนื้อหาส่วนใหญ่เปิดฟรี — ถ้ามีประโยชน์กับคุณ สนับสนุนเล็ก ๆ ช่วยให้เว็บนี้สู้ต่อได้ ยอดที่ยืนยันแล้วจะถูกนับ ขึ้นรายชื่อผู้สนับสนุนได้ และมีสิทธิ์สุ่มคูปองเรียนฟรีทุกเดือน
สนับสนุนแบบมีชื่อตั้งแต่ ฿1 (นับยอด + เข้า pool สุ่ม)
ต้องล็อกอิน อัปสลิปยืนยัน — ยอดจะขึ้นในบัญชีของคุณ มีสิทธิ์เข้า pool สุ่มรางวัลเดือนนี้ และเลือกชื่อแสดงบนหน้ารายชื่อได้ (default โชว์ — ซ่อนได้ที่บัญชี) (ยังไม่ได้ล็อกอิน ระบบจะพาไปหน้าเข้าสู่ระบบก่อน)
โอนให้กำลังใจผ่านพร้อมเพย์
จำนวน 10 บาท
