How does the revalidate process in Incremental Static Regeneration work?

by

Incremental static generation is Inspired by stale-while-revalidate, so there are no intervals.
Lets say that our revalidate value is 60 seconds :

  • first user will visit the page at 100000000000 (random time in milliseconds)
  • next.js will cache the page with an expiry date of 100000060000
  • other user comes at 100000040000, cache is valid, doing nothing (serving cached page)
  • another visitor come at 100000070000, cache is expired, next.js will revalidate the page in the background,but the user still see the old page.
  • last visitor comes at 100000080000 and will se the page with the new data
  • and so on…

After 60 seconds NextJS rebuilds the pages for him and serves the
fresh content.

So no this concept is wrong, next.js will not rebuild the page after n seconds,
but for every request next.js will check if the time elapsed since the last request is > that the expiry date of the cache. if your revalidate value is 1 second, but the next visitor comes after 1 year, next will regenerate the page after one year.

More Related Contents:

  1. Why am I getting ReferenceError: self is not defined when I import a client-side library?
  2. Warning: Text content did not match. Server: “I’m out” Client: “I’m in” div
  3. How to access files uploaded to the public folder in Next.js?
  4. Can’t import SVG into Next.js
  5. NextJS environment variables aren’t working
  6. Next.js – Error: only absolute urls are supported
  7. Target Active Link when the route is active in Next.js
  8. Nextjs: Unable to load images from static folder
  9. Display Info Window on the multiple coordinates on the arcgis map in Next JS
  10. next-redux-wrapper TypeError: nextCallback is not a function error in wrapper.getServerSideProps
  11. How to setup i18n translated URL routes in Next.js?
  12. NextJs CORS issue
  13. How to type a page component with props in Next.js?
  14. How to hash CSS class names in Nextjs?
  15. Persistent navigation in a NextJs _app
  16. Dynamically build classnames in TailwindCss
  17. How to dynamically import non-React client side libraries in Next.js?
  18. Warning: Prop `className` did not match. when using styled components with semantic-ui-react
  19. Loading Screen on Next.js page transition
  20. Next.js router is returning query parameters as undefined on first render?
  21. How to detect window size in Next.js SSR using react hook?
  22. Unable to load images from static folder
  23. Get URL pathname in nextjs
  24. Next Image not taking class properties
  25. How to handle login failed error in NextAuth.js?
  26. Is it possible to use if…else… statement in React render function?
  27. react setState with dynamic key
  28. Remove console.logs with Webpack & Uglify
  29. How to resolve “Cannot use import statement outside a module” from Jest when running tests?
  30. You’re importing a component that needs useState. It only works in a Client Component, but none of its parents are marked with “use client”

Leave a Comment