---
title: Resources
canonical: https://developer.unico.io/dual-api/developers/sdks-and-tools/web/web-sdk/resources/
locale: en
generated_by: markdown-export
---

## 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()` from `open()`** 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](https://github.com/unico-labs/unico-sdk-poc-angular) |
| JS Vanilla | PoC in JS Vanilla that implements the Web SDK | [GitHub — unico-sdk-poc-js-vanilla](https://github.com/unico-labs/unico-sdk-poc-js-vanilla) |
| Next.js | PoC in Next.js that implements the Web SDK | [GitHub — unico-sdk-poc-next-js](https://github.com/unico-labs/unico-sdk-poc-next-js) |
| React JS with TypeScript | PoC in React with TypeScript that implements the Web SDK | [GitHub — unico-webframe-poc-react](https://github.com/unico-labs/unico-webframe-poc-react) |
| React JS with JavaScript | PoC in React with JavaScript that implements the Web SDK | [GitHub — unico-sdk-poc-react-js](https://github.com/unico-labs/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](https://github.com/unico-labs/unico-sdk-poc-vuejs) |