Component-Level Data Fetching | Sitecore JSS with Next.js | XM Cloud

Sitecore JSS has expanded the data fetching capabilities of Next.js by allowing for component-level data fetching. Say goodbye to passing data from the parent into child components. You can now fetch data from within the components. This keeps your front-end modular, and aligns with the separation of concerns principles. In this video, Sitecore Developer Advocate Thomas Desmond explores component-level data fetching in Sitecore JSS with Next.js. Thomas looks at: How data fetching works in vanilla Next.js Coding and implementing component-level data fetching, including rendering UID for accessing your data (for example from Sitecore XM Cloud) How Incremental Static Regeneration (ISR) fits into the process CHAPTERS: 00:00 - Introduction 00:50 - Data fetching in vanilla Next.js 02:12 - Component-level data fetching 03:04 - Implementing component-level data fetching 04:08 - Looking at the code example 06:50 - Incremental Static Regeneration (ISR) 08:47 - Closing summary After watching the video, click the link below to discover key takeaways for Developers from Sitecore Symposium 2022. https://www.sitecore.com/blog/develop...