next partial prerendering

next.js prerendering บางส่วน

นี่คือการสาธิตของ next.js โดยใช้ prerendering บางส่วน

เทมเพลตนี้ใช้เราเตอร์แอป Next.js ใหม่ ซึ่งรวมถึงการสนับสนุนเลย์เอาต์ที่ได้รับการปรับปรุงการจัดตำแหน่งส่วนประกอบการทดสอบและรูปแบบการดึงข้อมูลระดับส่วนประกอบและอื่น ๆ

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

โปรดทราบว่า PPR เป็นเทคโนโลยีการทดลองที่ไม่แนะนำสำหรับการผลิต คุณอาจพบปัญหา DX โดยเฉพาะอย่างยิ่งในฐานรหัสขนาดใหญ่

มันทำงานอย่างไร

เส้นทางดัชนี / ใช้ prerendering บางส่วนผ่าน:

1. การเปิดใช้งานธงทดลองใน next.config.js

 experimental : {
    ppr : true ,
} ,

2. การใช้ <Suspense /> เพื่อห่อเนื้อหาแบบไดนามิก