Skip to content
คุณสมบัติgetStaticPropsgetStaticPathsgetServerSidePropsIncremental Static Regeneration (ISR)Client-side Fetching
การเรนเดอร์สร้าง HTML ของหน้าเว็บล่วงหน้าในช่วงการสร้างเว็บไซต์ใช้ร่วมกับ getStaticProps เพื่อกำหนดเส้นทางที่ต้องการสร้างสร้าง HTML ของหน้าเว็บในขณะที่มีการร้องขอจากลูกค้าอัปเดตหน้าเว็บที่สร้างไว้ล่วงหน้าโดยอัตโนมัติเมื่อมีการเปลี่ยนแปลงดึงข้อมูลจาก API หลังจากหน้าเว็บโหลดเสร็จแล้ว
การดึงข้อมูลดึงข้อมูลในช่วงการสร้างเว็บไซต์ล่วงหน้ากำหนดเส้นทางที่ต้องการสร้างเมื่อใช้ getStaticPropsดึงข้อมูลในขณะที่มีการร้องขอจากลูกค้าอัปเดตข้อมูลที่สร้างไว้ล่วงหน้าโดยไม่ต้องรีสร้างทั้งหมดดึงข้อมูลจาก API บนฝั่งลูกค้า
เวลาโหลดครั้งแรกเร็ว เพราะข้อมูลถูกสร้างไว้ล่วงหน้าเร็ว เพราะสร้างหน้าเว็บล่วงหน้าอาจช้ากว่า เนื่องจากต้องสร้าง HTML ใหม่ในแต่ละคำขอเร็วขึ้นหลังจากการอัปเดตเป็นระยะ ๆอาจช้ากว่า เนื่องจากต้องดึงข้อมูลหลังจากหน้าเว็บโหลด
ประสิทธิภาพ SEOดี เนื่องจาก HTML ถูกสร้างล่วงหน้าดี เช่นกัน เพราะสร้างหน้าเว็บล่วงหน้าดี แต่การเรนเดอร์อาจช้ากว่าเมื่อมีการร้องขอดี เพราะหน้าเว็บได้รับการสร้างล่วงหน้าและอัปเดตตามต้องการขึ้นอยู่กับการโหลดข้อมูลในขณะที่หน้าเว็บโหลด
การจัดการการเปลี่ยนแปลงข้อมูลไม่มีการอัปเดตข้อมูลโดยอัตโนมัติไม่มีการอัปเดตข้อมูลโดยอัตโนมัติข้อมูลอัปเดตตามคำขออัปเดตข้อมูลตามความถี่ที่กำหนดอัปเดตข้อมูลได้ตลอดเวลาตามการร้องขอจาก API
การใช้งานเหมาะสำหรับเนื้อหาที่ไม่เปลี่ยนแปลงบ่อยใช้เพื่อสร้างหน้าเว็บแบบหลายหน้าเหมาะสำหรับเนื้อหาที่เปลี่ยนแปลงบ่อยเหมาะสำหรับเนื้อหาที่ต้องการอัปเดตตามระยะเวลาเหมาะสำหรับเนื้อหาที่ต้องการการอัปเดตแบบเรียลไทม์

Static Site Generation Fetching

getStaticProps

getStaticPaths

Client-side Fetching

Server-Side Fetching

getServerSideProps

Incremental Static Regeneration Fetching

Client-side Fetching

Forms and Mutations

Released under the MIT License