โหมดการผลิตในเฟรมเวิร์ก NextJS
โหมดการผลิตมีไว้สำหรับ การเรียกใช้โปรเจกต์บนโฮสติ้ง เป้าหมายหลักของโหมดนี้ คือเพื่อให้มั่นใจในประสิทธิภาพสูงสุดและ ความปลอดภัยของโปรเจกต์ รวมทั้งลด ปริมาณไฟล์ที่โหลดเพื่อประหยัด หน่วยความจำระบบ
คุณลักษณะหลักของโหมดการผลิต:
- การปรับปรุงโค้ดให้มีประสิทธิภาพสูงสุด - ก่อนการเรียกใช้ใน โหมดการผลิต โค้ดจะถูกคอมไพล์ ตัวอย่างเช่น จะทำการมินิไฟ JavaScript และ CSS เพื่อลดขนาด และเร่งความเร็วในการโหลดหน้า
- การสร้างหน้าแบบสถิตย์ - เฟรมเวิร์ก จะสร้างหน้าล่วงหน้า ซึ่ง ช่วยเร่งความเร็วในการโหลดบนเว็บไซต์
- การปรับปรุงรูปภาพให้มีประสิทธิภาพสูงสุด ซึ่งจะถูกบีบอัดและปรับขนาดอัตโนมัติ สำหรับ ขนาดหน้าจอและอุปกรณ์ที่ต่างกัน
- การลบข้อมูลดีบัก - โค้ดทั้งหมด สำหรับการดีบักข้อผิดพลาดจะถูกเอาออก จากหน้าเบราว์เซอร์ สิ่งนี้จำเป็นสำหรับการทำงานที่ปลอดภัยของ โปรเจกต์และการซ่อนข้อมูลเกี่ยวกับโครงสร้างไฟล์ จากผู้ใช้
- ไม่มีการรีโหลดร้อน - แตกต่างจากโหมด การพัฒนา ที่นี่จะไม่มีการรีโหลดอัตโนมัติ ทุกครั้งที่มีการเปลี่ยนแปลง
โหมดการผลิตจะถูกเรียกใช้ด้วย คำสั่งสองคำสั่ง ก่อนอื่นจำเป็นต้อง รันการบิลด์โปรเจกต์สำหรับการผลิต:
npm run build
จากนั้นจึงเรียกใช้โปรเจกต์ที่บิลด์แล้ว:
npm start
หลังจากเรียกใช้โปรเจกต์แล้ว คุณจะเห็นข้อมูล เกี่ยวกับโครงสร้างหลักของโปรเจกต์ จะมีการระบุประเภทของเนื้อหาโปรเจกต์ด้วยสัญลักษณ์พิเศษ - เนื้อหาสถิตย์และ เนื้อหาไดนามิก ณ ตอนนี้เรามีแค่ เนื้อหาสถิตย์
เพื่อเป็นการทดลอง ให้เรียกใช้โปรเจกต์ ในโหมดการผลิต
ปิดโหมดการผลิตและเปิด โหมดการพัฒนาขึ้นมา ต่อไปในบทเรียน เราจะทำงานในโหมดนี้โดยเฉพาะ
