Framework Integrations

OneSDK offers flexible integration options to suit your application architecture and requirements. Choose from our embedded SDK, hosted SDK, or Web SDK solutions.

Security Best Practice

Never embed credentials directly in your app’s environment variables. Use a separate service to generate session tokens instead. The example credentials in our sample code are for demonstration purposes only.

Integration Options

Embedded OneSDK

Integrate OneSDK directly into your application codebase for maximum control and customization.

Hosted OneSDK

Use our hosted solution for quick implementation with minimal setup requirements.

Web SDK

Lightweight web-specific implementation ideal for browser-based applications.

Framework Integration

The OneSDK package is available via NPM

React Integration

Seamless integration with React applications, including hooks and components.

Next.js Integration

Server-side rendering support and optimized for Next.js applications.

Angular Integration

Angular-specific implementation with TypeScript support.

Vue.js Integration

Vue.js integration with Composition API support.

Sample Code Repository

Explore our public sample code repository for complete integration examples across different frameworks and build tools.

React Examples

Important Notes for Create-React-App Users

TypeScript Compatibility

OneSDK requires TypeScript 5. Create-React-App users may need to take additional steps for compatibility.

1

Check Your Options

You have two paths for Create-React-App compatibility:

2

Option 1: Upgrade TypeScript

$npm install typescript@latest
3

Option 2: Use Legacy Peer Dependencies

$npm install --legacy-peer-deps

Using legacy peer dependencies may introduce breaking changes in your codebase.

Environment Configuration

For production environments, use https://backend.kycaml.frankiefinancial.io as your BFF base URL. For UAT environments, use https://backend.kycaml.uat.frankiefinancial.io.

Built with