> 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/productos/idv-suite/flujos-and-integraciones/configuracion-tecnica-del-cliente/solucion-web/sdk-loader-idv/integrations.md).

# Integrations

El SDK Loader puede integrarse en cualquier framework moderno. Esta sección ofrece guías específicas para frameworks que requieren configuración adicional.

## Guías disponibles

* [**Next.js**](/productos/idv-suite/flujos-and-integraciones/configuracion-tecnica-del-cliente/solucion-web/sdk-loader-idv/integrations/nextjs.md): Guía de integración para aplicaciones Next.js, con ejemplos para App Router y Pages Router.

## Integración general

Para aplicaciones React con Vite o Create React App, sigue la [Guía de integración](/productos/idv-suite/flujos-and-integraciones/configuracion-tecnica-del-cliente/solucion-web/sdk-loader-idv/integracion.md), que incluye un ejemplo completo.

## Otros frameworks

El SDK Loader funciona con cualquier framework JavaScript. El patrón general es:

{% stepper %}
{% step %}

### Instalar el paquete

Instalar el paquete `@facephi/sdk-loader`.
{% endstep %}

{% step %}

### Crear contenedor

Crear un elemento contenedor en tu plantilla.
{% endstep %}

{% step %}

### Cargar el SDK en el cliente

Llamar a `loadSdk()` cuando el componente se monte (solo en el cliente).
{% endstep %}

{% step %}

### Escuchar eventos

Escuchar los eventos del SDK.
{% endstep %}
{% endstepper %}

En frameworks con renderizado en servidor (SSR), asegúrate de que `loadSdk()` solo se llame en el lado del cliente, ya que requiere APIs del navegador.