Our great sponsors
-
react-query
Discontinued 🤖 Powerful asynchronous state management, server-state utilities and data fetching for TS/JS, React, Solid, Svelte and Vue. [Moved to: https://github.com/TanStack/query]
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
This is feasible thanks to a few new technologies which have been cropping up on the JS horizon: A new build option for Next.js, called Incremental Static Regeneration, and a cache-revalidation package called React Query. Alternatives have appeared, such as Vercel's own SWR package, but all aim to reach the same goal: To handle query caching, error handling, polling and most importantly, to revalidate data when required. These two technologies work in perfect harmony to create super-fast, up-to-date static websites that will amaze clients and improve SEO.
This is feasible thanks to a few new technologies which have been cropping up on the JS horizon: A new build option for Next.js, called Incremental Static Regeneration, and a cache-revalidation package called React Query. Alternatives have appeared, such as Vercel's own SWR package, but all aim to reach the same goal: To handle query caching, error handling, polling and most importantly, to revalidate data when required. These two technologies work in perfect harmony to create super-fast, up-to-date static websites that will amaze clients and improve SEO.
To test if ISR is working, you can put some dates on the page. One is returned from getStaticProps at build time, and the other is returned when the page is loaded. I've used moment to format the dates to time. Your page will look something like this: