Integrations

The SDK Loader can be integrated into any modern framework. This section offers specific guides for frameworks that require additional configuration.

Available guides

• Next.js: Integration guide for Next.js applications, with examples for App Router and Pages Router.

General Integration

For React applications with Vite or Create React App, follow the Integration guide, which includes a complete example.

Other frameworks

The SDK Loader works with any JavaScript framework. The general pattern is:

1

Install the package

Install the package @facephi/sdk-loader.

2

Create container

Create a container element in your template.

3

Load the SDK on the client

Call loadSdk() when the component mounts (client-side only).

4

Listen for events

Listen to SDK events.

In frameworks with server-side rendering (SSR), make sure that loadSdk() it is only called on the client side, since it requires browser APIs.