> For the complete documentation index, see [llms.txt](https://docs.facephi.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.facephi.com/docs.facephi-en/products/idv-suite/flujos-and-integraciones/configuracion-tecnica-del-cliente/solucion-web/sdk-loader-idv/integrations.md).

# 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**](/docs.facephi-en/products/idv-suite/flujos-and-integraciones/configuracion-tecnica-del-cliente/solucion-web/sdk-loader-idv/integrations/nextjs.md): 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](/docs.facephi-en/products/idv-suite/flujos-and-integraciones/configuracion-tecnica-del-cliente/solucion-web/sdk-loader-idv/integracion.md), which includes a complete example.

## Other frameworks

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

{% stepper %}
{% step %}

### Install the package

Install the package `@facephi/sdk-loader`.
{% endstep %}

{% step %}

### Create container

Create a container element in your template.
{% endstep %}

{% step %}

### Load the SDK on the client

Call `loadSdk()` when the component mounts (client-side only).
{% endstep %}

{% step %}

### Listen for events

Listen to SDK events.
{% endstep %}
{% endstepper %}

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