Xác định dữ liệu nên cache
Chiến lược caching API trong web development với Next.js để tăng tốc thực tế nên bắt đầu từ dữ liệu ít đổi, dữ liệu công khai và response tốn chi phí xử lý.
Dữ liệu nhạy cảm hoặc đổi liên tục thì không nên cache lâu. Chọn đúng ngay từ đầu để tránh trả về nội dung cũ.
Dùng cache nhiều lớp
Đừng chỉ cache ở một chỗ. Browser cache, CDN, server cache và application cache cùng giảm số lần gọi API trực tiếp.
Trong Next.js, tận dụng fetch caching, revalidation và chọn static hoặc dynamic render theo từng endpoint. code: fetch(url, { next: { revalidate: 60 } })
Đặt TTL và stale-while-revalidate
TTL nên bám theo mức độ thay đổi của dữ liệu. Nội dung ổn định thì để lâu hơn, dữ liệu nhạy cảm thì để ngắn.
Stale-while-revalidate giúp người dùng thấy dữ liệu nhanh, còn hệ thống cập nhật nền. Cách này hợp cho trang có traffic thật.
Cache phải có invalidation
Cache tốt nhưng phải biết khi nào xóa hoặc làm mới. Khi dữ liệu đổi, hãy invalidate