กลับไปดูแล้วทำตาม
ตอนที่ 4/8คาบสดจริง เว็บแรกของคุณ ขึ้นจริงในคาบเดียว17 นาที
สร้างเว็บร้านกาแฟด้วย Next.js แล้วเห็นว่าข้อมูลหายตอนรีเฟรช
ตัดมาจากคาบเรียนสด ช่วงสร้างโครง Next.js สำหรับร้านกาแฟ รันเซิร์ฟเวอร์ในเครื่องแล้วเปิดหน้าแรก พร้อมช่วงลองพังดูที่ตั้งใจกรอกเมนูใหม่แล้วรีเฟรช ให้เห็นกับตาว่าข้อมูลหายเพราะยังไม่มีฐานข้อมูล
คลิปนี้ตัดจากคาบเรียนสดจริง
มาจากคาบ เว็บแรกของคุณ ขึ้นจริงในคาบเดียว รอบวันที่ 19 ก.ย. 69 ซึ่งเป็นคาบเรียนแบบกลุ่มที่มีคนเรียนอยู่จริง ไม่ใช่คลิปที่จัดฉากอัด ช่วงที่คนเรียนติดและถามกลางคาบอยู่ในคลิปหมด · ตอนที่ 3 จาก 7 ของคาบนี้
ภารกิจของตอนนี้
สร้างโครงเว็บ Next.js แล้วเข้าใจว่าทำไมข้อมูลถึงหายตอนรีเฟรช
- ด่าน 1สร้างโครง Next.js ร้านกาแฟจนรันในเครื่องได้
- ด่าน 2เปิดหน้าแรกแล้วเห็นแบบฟอร์มเพิ่มเมนู
- ด่าน 3เห็นกับตาว่ากรอกเมนูแล้วรีเฟรช ข้อมูลหายเพราะยังไม่มีฐานข้อมูล
คำสั่งที่ใช้ในตอนนี้
หยุดคลิปแล้วก๊อปไปวางได้เลย เรียงตามลำดับที่ใช้ในคลิป
- 1.ทุกเครื่องคำสั่งสเต็ป 1 สร้างโครงเว็บ Next.js App Router และ Tailwind CSS
สร้างโครงโปรเจคเว็บ Next.js สำหรับระบบจัดการร้านกาแฟ ด้วย TypeScript และ Tailwind CSS ข้อกำหนด: 1. ใช้ Next.js App Router โครงสร้างเรียบง่ายและเป็นระเบียบ 2. หน้าแรกแสดงชื่อร้านกาแฟ หัวข้อรายการเครื่องดื่ม มีแบบฟอร์มให้กรอกเพิ่มเมนูใหม่ และส่วนสรุปโน้ตของร้าน 3. จัดการข้อมูลเมนูในหน่วยความจำของหน้าเว็บไปก่อน 4. ตรวจสอบว่าโปรเจคคอมไพล์ผ่าน และพร้อมสำหรับสั่งรันเซิร์ฟเวอร์สำหรับพัฒนาในเครื่อง - 2.ทุกเครื่องคำสั่งรันเซิร์ฟเวอร์สำหรับพัฒนาในเครื่องเพื่อเปิดดูหน้าเว็บ
pnpm dev
ของที่ dev แนะนำ
เป็นลิงก์ affiliate — ถ้าคุณช้อปผ่านลิงก์นี้ dev ได้ค่าคอมเล็กน้อย โดยราคาคุณเท่าเดิม 🙏
UGREEN Nexode GaN Charger 20W/30W
หัวชาร์จ GaN ตัวเดียวจบทั้งโน้ตบุ๊กและมือถือ ตัวเล็กกว่าหัวเดิมที่แถมมาเยอะ — ถ้ายังไม่มี เริ่มจากตัวนี้ก่อนได้
330 บาทดูบน Shopee
TNW K20 ไมโครโฟนคอนเดนเซอร์ ตัดเสียงรบกวน
งบยังไม่เยอะแต่ไม่อยากให้เสียงแตก — ไมค์คอนเดนเซอร์ตัวเริ่มต้นที่พอสำหรับอัดคลิปสอนหรือประชุมออนไลน์
589 บาทดูบน Shopee
(สินค้าขายดี) DAHUA LM24-B221 จอมอนิเตอร์ ขนาด 23.8″ และ LM27-B221 จอขนาด 27 " IPS Full HD 144hz ประกันสินค้า 3 ปี
จัดโต๊ะให้ทำงานกับ AI ได้นานขึ้น ไม่ปวดคอปวดหลัง
3,590 บาทดูบน Shopee
