Preload functions are typically used to load data that the page depends on, hence its name. This avoids the user seeing the page update as it loads, as is typically the case with client-side loading.

Page components can define a preload function that runs before the component is created. The values it returns are passed as props to the page.