โหมดการผลิตในเฟรมเวิร์ก NextJS

โหมดการผลิตมีไว้สำหรับ การเรียกใช้โปรเจกต์บนโฮสติ้ง เป้าหมายหลักของโหมดนี้ คือเพื่อให้มั่นใจในประสิทธิภาพสูงสุดและ ความปลอดภัยของโปรเจกต์ รวมทั้งลด ปริมาณไฟล์ที่โหลดเพื่อประหยัด หน่วยความจำระบบ

คุณลักษณะหลักของโหมดการผลิต:

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

โหมดการผลิตจะถูกเรียกใช้ด้วย คำสั่งสองคำสั่ง ก่อนอื่นจำเป็นต้อง รันการบิลด์โปรเจกต์สำหรับการผลิต:

terminalnpm run build

จากนั้นจึงเรียกใช้โปรเจกต์ที่บิลด์แล้ว:

terminalnpm start

หลังจากเรียกใช้โปรเจกต์แล้ว คุณจะเห็นข้อมูล เกี่ยวกับโครงสร้างหลักของโปรเจกต์ จะมีการระบุประเภทของเนื้อหาโปรเจกต์ด้วยสัญลักษณ์พิเศษ - เนื้อหาสถิตย์และ เนื้อหาไดนามิก ณ ตอนนี้เรามีแค่ เนื้อหาสถิตย์