
กำลังโหลด...

กำลังโหลด...

เก่งมากที่มาถึงตรงนี้! ก่อนปิด Chapter 5 พี่อยากให้น้องรวมทุกอย่างที่เรียนมา เข้าด้วยกัน — หน้าเว็บของตัวเอง สีพื้นหลังที่ปรับเอง แล้วก็ยืนยันว่า Development Server ยังรันอยู่บนเครื่องจริงๆ ทำสำเร็จแล้วไปเขียน React จริงกันเลย
เป้าหมายของ Mission นี้: รวมทุกทักษะจาก Chapter 5 เข้าด้วยกัน แล้วพิสูจน์ว่า คุณมีเว็บไซต์รันอยู่บนเครื่องตัวเองจริงๆ
ทบทวนสิ่งที่ผ่านมา: คุณรู้จัก React และ Next.js คืออะไร เปิดโปรเจค Next.js เป็น
รู้จักโครงสร้างโฟลเดอร์ รันเว็บด้วย npm run dev ได้ เห็น Hot Reload ทำงานจริง
ตอนแก้ไฟล์ และได้ลองใช้ Tailwind utility class จริงเป็นครั้งแรก (สี, spacing,
layout — ที่เรียนพื้นฐานมาจาก Chapter 3 และ 4)
ด่านนี้คือการเช็คว่าทุกอย่างเชื่อมกันครบ: หน้าเว็บของคุณต้องมีทั้งข้อความแนะนำ ตัวเองและสีพื้นหลังที่ปรับเอง แล้วให้ยืนยันว่า Development Server บนเครื่องคุณ ยังรันอยู่จริง
ข้อ 1. คำสั่งไหนใช้เปิด Development Server ของ Next.js?
ข้อ 2. Hot Reload ทำอะไร?