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

# Integrações

O SDK Loader pode ser integrado em qualquer framework moderno. Esta seção oferece guias específicas para frameworks que exigem configuração adicional.

## Guias disponíveis

* [**Next.js**](/docs.facephi-pt-br/produtos/idv-suite/flujos-and-integraciones/configuracion-tecnica-del-cliente/solucion-web/sdk-loader-idv/integrations/nextjs.md): Guia de Integração para aplicações Next.js, com exemplos para App Router e Pages Router.

## Integração geral

Para aplicações React com Vite ou Create React App, siga a [Guia de Integração](/docs.facephi-pt-br/produtos/idv-suite/flujos-and-integraciones/configuracion-tecnica-del-cliente/solucion-web/sdk-loader-idv/integracion.md), que inclui um exemplo completo.

## Outros frameworks

O SDK Loader funciona com qualquer framework JavaScript. O padrão geral é:

{% stepper %}
{% step %}

### Instalar o pacote

Instalar o pacote `@facephi/sdk-loader`.
{% endstep %}

{% step %}

### Criar contêiner

Criar um elemento contêiner no seu template.
{% endstep %}

{% step %}

### Carregar o SDK no cliente

Chamar `loadSdk()` quando o componente for montado (somente no cliente).
{% endstep %}

{% step %}

### Escutar eventos

Escutar os eventos do SDK.
{% endstep %}
{% endstepper %}

Em frameworks com renderização no servidor (SSR), certifique-se de que `loadSdk()` seja chamado apenas no lado do cliente, pois requer APIs do navegador.
