Mission 4: แก้ไขหน้าแรก

เป้าหมายของ Mission นี้: แก้ไขไฟล์หน้าแรกของเว็บไซต์ และเห็นการเปลี่ยนแปลง แสดงผลจริง

แก้ app/page.tsx ตัวจริง

ในโปรเจค Next.js จริง ไฟล์ app/page.tsx คือไฟล์ที่กำหนดว่าหน้าแรกของเว็บแสดง อะไร — เปิดไฟล์นี้ในโปรเจคที่ดาวน์โหลดมาด้วย VS Code แล้วแก้ตรงนี้ได้เลย

สิ่งที่ต้องแก้

1. เปลี่ยนข้อความหัวข้อ (<h1>) ให้เป็นชื่อเว็บไซต์ของคุณเอง (ไม่ใช่ "My Website")
2. เพิ่มย่อหน้า (<p>) บอกว่าเว็บนี้ทำเรื่องอะไร

บันทึกไฟล์แล้วสังเกตแท็บเบราว์เซอร์ที่เปิด localhost:3000 ค้างไว้ — หน้าเว็บจะ อัปเดตให้เห็นแทบจะทันทีโดยไม่ต้องกดรีเฟรชเอง นี่คือรสชาติของสิ่งที่เรียกว่า Hot Reload ที่จะเรียนเจาะลึกใน Mission ถัดไป