The Typescript Embed SDK can be used both on the server side and the client side. It is designed to retrieve only the
code that is used by your application, thus minimizing the bundle size your end users will download to their browsers.Here’s how to get started with the SDK:
1
Install the SDK
Install the SDK with your package manager of choice:
Copy
Ask AI
npm install @qonto/embed-sdk
or
Copy
Ask AI
pnpm install @qonto/embed-sdk
or
Copy
Ask AI
yarn add @qonto/embed-sdk
2
(If client side usage) Initialize the SDK
Then, initialize the SDK in your code:
Copy
Ask AI
import { initialize } from '@qonto/embed-sdk/common';const accessToken ='An access token you have previously generated from your app';initialize({ accessToken });
Read more about how your users are onboarded and an access token is generated for them in
the docs.
3
Use the SDK!
At this stage, you can access the different namespaces of the SDK:
Copy
Ask AI
import { cards } from '@qonto/embed-sdk/cards';const newCard = cards.orderCard(cardConfig);
Now that you have the SDK installed and initialized, you can start using it. Read the upcoming sections where you will
find docs for each namespace available in the SDK to get up to speed.