Global Provider Resolver

In addition to different theme pages, there are certain miscellaneous components and functions that are returned from the theme bootstrapping function.

📄️ Global Provider

Wrap your Fynd Commerce theme React app at the root with a GlobalProvider HOC exported from the theme bootstrapping function. Learn how to create and register a React higher-order component for app-wide context, state, or third-party integrations. The theme engine applies GlobalProvider around the entire storefront application.

📄️ Global Data Resolver

globalDataResolver handles API calls during initial Fynd Commerce theme application load, executed once by the theme engine. Receive applicationID and fpi instance to fetch essential startup data asynchronously. Theme developers define the function; the engine manages execution timing.

📄️ Page Data Resolver

pageDataResolver fetches API data on every route change in Fynd Commerce themes, receiving themeId, router, and fpi instance from the theme engine. Use it for page-specific data loading during client-side navigation. Theme developers define the function; the Skyfire theme engine manages invocation.