Next.js คืออะไร

หลังจากได้ HTML Preview แล้ว คุณจะเปลี่ยนหน้าเว็บตัวอย่างให้กลายเป็นโปรเจกต์จริงที่ดูแลต่อได้

Next.js คือ Framework สำหรับสร้างเว็บไซต์และ Web App ด้วย React เหมาะกับการทำเว็บไซต์จริง เพราะมีโครงสร้างชัดเจน Deploy ง่าย และทำงานร่วมกับ Vercel ได้ดี

ความต่างสำคัญระหว่าง HTML Preview กับ Next.js คือ HTML Preview เหมาะกับการดูภาพรวมหน้าเดียว แต่ Next.js เหมาะกับการดูแลโปรเจกต์จริง เพราะแยกไฟล์ แยก Component จัดการรูปภาพ ตั้งค่า metadata และ Deploy ได้เป็นระบบ

เปรียบเทียบง่าย ๆ:

HTML Preview = หน้าเว็บตัวอย่างที่ทำให้เห็นภาพ
Next.js = โปรเจกต์จริงที่พร้อมพัฒนาและ Deploy
Component = ชิ้นส่วนของหน้าเว็บ เช่น Hero, Pricing, FAQ
Page = หน้าหลักของเว็บไซต์
Deploy = การนำเว็บขึ้นออนไลน์