Framework Compatibility

The Innovade SDK abstracts platform functionality through native Web APIs and is compiled into portable, dependency-free JavaScript. Its framework-independent design eliminates coupling to any UI library or rendering engine, allowing seamless integration with any frontend architecture, build pipeline, or JavaScript runtime that supports standard Web APIs.

React / Next.js

Initialize the SDK outside the component tree to keep a single instance, then pass it via Context.

// lib/sdk.js
import { PlatformSDK } from '@innovassion/innovade-sdk';
export const sdk = new PlatformSDK({ apiKey: 'xxx', environment: 'production' });

// app/layout.js (Next.js App Router)
'use client';
import { createContext, useContext } from 'react';

const SdkContext = createContext(sdk);

export function useSdk() {
  return useContext(SdkContext);
}

export default function RootLayout({ children }) {
  return <SdkContext.Provider value={sdk}>{children}</SdkContext.Provider>;
}

Vue 3 / Nuxt 3

Use Nuxt's plugin system to provide the SDK globally.

// plugins/sdk.ts
import { PlatformSDK } from '@innovassion/innovade-sdk';

export default defineNuxtPlugin((nuxtApp) => {
  const sdk = new PlatformSDK({ apiKey: 'xxx', environment: 'production' });
  nuxtApp.provide('sdk', sdk);
});