Function NostoProvider

This widget is what we call the Nosto root widget, which is responsible for adding the actual Nosto script and the JS API stub. This widget wraps all other React Nosto widgets.

<NostoProvider account="your-nosto-account-id" recommendationComponent={<NostoSlot />}>
  <App />
</NostoProvider>
Copy

Note: the component also accepts a prop to configure the host host="connect.nosto.com". In advanced use-cases, the need to configure the host may surface.

In order to implement client-side rendering, the requires a designated component to render the recommendations provided by Nosto. This component should be capable of processing the JSON response received from our backend. Notice the recommendationComponent prop passed to <NostoProvider> above.

Learn more here and see a live example on our demo store.