Mission 3: Run Development Server

เป้าหมายของ Mission นี้: สั่งรัน Next.js Development Server บนเครื่องตัวเอง และเปิดดูเว็บไซต์ผ่านเบราว์เซอร์ได้สำเร็จ

ขั้นตอนการรัน

เปิด Terminal ในโฟลเดอร์โปรเจค แล้วรันคำสั่งตามลำดับนี้:

npm install
npm run dev

npm install คือการติดตั้ง dependency ทั้งหมดที่โปรเจคต้องใช้ (ต้องรันครั้งแรก ครั้งเดียวหลังโคลนหรือสร้างโปรเจคใหม่) ส่วน npm run dev คือคำสั่งที่เปิด Development Server — โปรแกรมเล็กๆ ที่รันอยู่บนเครื่องคุณ คอยส่งหน้าเว็บมาให้ เบราว์เซอร์ดูแบบเรียลไทม์

เมื่อรันสำเร็จ Terminal จะแสดงข้อความประมาณนี้:

▲ Next.js
- Local: http://localhost:3000
✓ Ready in 400ms

เปิดเบราว์เซอร์แล้วพิมพ์ http://localhost:3000 — ถ้าเห็นหน้าเว็บขึ้นมา แปลว่า สำเร็จ!

คำศัพท์สำคัญ