Description
Description
With ISR and on-demand revalidation implemented, pages on our website that fetch data take a while to load when the cached data becomes stale. Currently when fetching data the page will just take it's time loading and load the page in once the data has been fetched. React and Next each have features that can help create a cleaner loading state and we can use shadcn skeletons for the UI. This will give the user a visual cue that data is being loaded in rather than showing the user a blank white screen while they wait
Suggested Solution
Look into the following links to get started:
https://nextjs.org/docs/app/getting-started/fetching-data#streaming
https://nextjs.org/docs/app/building-your-application/routing/loading-ui-and-streaming
https://nextjs.org/docs/app/getting-started/fetching-data#with-suspense
https://ui.shadcn.com/docs/components/skeleton