ISR (Incremental Static Regeneration) trong Next.js là gì? Tốc độ Static nhưng dữ liệu luôn tươi mới

Khi xây dựng các website tin tức hay trang thương mại điện tử lớn với hàng chục ngàn bài viết, các lập trình viên thường đứng trước tình thế tiến thoái lưỡng nan: **Nếu dùng Static Site Generation (SSG) thì thời gian Build mất hàng tiếng đồng hồ; còn nếu dùng Server-Side Rendering (SSR) thì máy chủ bị quá tải CPU khi có hàng ngàn người truy cập cùng lúc!**

Công nghệ đột phá ISR (Incremental Static Regeneration) trong Next.js chính là giải pháp hoàn hảo giải quyết triệt để bài toán này.

1. ISR (Incremental Static Regeneration) là gì?

ISR cho phép bạn tạo hoặc cập nhật các trang HTML tĩnh ở chế độ chạy ngầm (Background) **sau khi dự án đã được deploy**, mà KHÔNG cần phải build lại toàn bộ website.

3 Ưu điểm vượt trội của ISR đối với SEO:

• Tốc độ phản hồi trang siêu tốc (0.1 giây): Trang web được lưu sẵn dưới dạng file HTML tĩnh trên hạ tầng Edge Network (Vercel CDN), giúp điểm Core Web Vitals LCP luôn đạt 100/100.
• Dữ liệu luôn được cập nhật tươi mới: Tự động làm mới dữ liệu bài viết theo chu kỳ thời gian (Revalidate) hoặc theo sự kiện Webhook (On-demand Revalidation).
• Giảm 90% chi phí tài nguyên máy chủ Server: Máy chủ không cần phải render lại HTML cho từng lượt truy cập của người dùng.

2. Cách cấu hình ISR trong Next.js App Router

Chỉ cần bổ sung thuộc tính revalidate trong file page.js hoặc trong câu lệnh fetch():

// Revalidate trang blog này sau mỗi 3600 giây (1 tiếng)
export const revalidate = 3600;

export default async function BlogPage() {
  const res = await fetch('https://api.uwmee.com/posts', {
    next: { revalidate: 3600 }
  });
  const posts = await res.json();
  
  return <div>{/* Render danh sách bài viết */}</div>;
}

Kết luận

Công nghệ ISR trong Next.js là bí quyết Kỹ thuật SEO đỉnh cao giúp website của bạn giữ tốc độ load trang ấn tượng dù quy mô lớn đến đâu. Uwmee Software phát triển 100% website trên nền tảng Next.js tối ưu ISR chuyên nghiệp. Đọc thêm bài viết so sánh Next.js và WordPress.