Resources
Best practices
- Initialize the SDK on page load, not on the capture button click. Authentication with the backend takes a few seconds and, if done together with the camera opening, creates a perception of lag.
- Separate
prepareSelfieCamera()fromopen()to optimize camera startup — keep the prepare step warm while the user navigates to the capture screen. - Configure the CSP correctly — without the required directives, the SDK cannot load Web Workers and additional resources.
- Host additional resource files in a public location visible to the Web within your project.
- Keep the SDK updated. Unico is not responsible for issues in deprecated versions.
Sample app
| Language / Framework | Description | Repository |
|---|---|---|
| Angular | PoC in Angular that implements the Web SDK | GitHub — unico-sdk-poc-angular |
| JS Vanilla | PoC in JS Vanilla that implements the Web SDK | GitHub — unico-sdk-poc-js-vanilla |
| Next.js | PoC in Next.js that implements the Web SDK | GitHub — unico-sdk-poc-next-js |
| React JS with TypeScript | PoC in React with TypeScript that implements the Web SDK | GitHub — unico-webframe-poc-react |
| React JS with JavaScript | PoC in React with JavaScript that implements the Web SDK | GitHub — unico-sdk-poc-react-js |
| React JS with Webpack + Babel | PoC in React JS with Webpack + Babel that implements the Web SDK | SFTP — request from your Project Manager |
| Vue JS | PoC in Vue JS that implements the Web SDK | GitHub — unico-sdk-poc-vuejs |