# SDK Integration To install Browsee web SDK just do: ``` $ npm i @browsee/web-sdk --save ``` Or, if you are using `yarn` ``` $ yarn add @browsee/web-sdk ``` Now you can import and start using the SDK. You need to initialize it with your project's API key. You can find your API key in [settings or accounts page](https://browsee.io/app/settings?view=integration). {% code title="import browsee from '@browsee/web-sdk';" %} ```bash browsee.init({ apiKey: '' }); ``` {% endcode %} {% hint style="info" %} Trying to use API calls before `init` will throw an error. {% endhint %} ### Examples **React** ``` import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; import browsee from '@browsee/web-sdk'; import * as serviceWorker from './serviceWorker'; browsee.init({ apiKey: '' }); ReactDOM.render( , document.getElementById('root') ); ``` **Next** For Next, this web-sdk is not the recommended installation method for Browsee. You can use `next/script` to directly add script tags. ``` import { Inter } from 'next/font/google' import './globals.css' import Script from "next/script"; const inter = Inter({ subsets: ['latin'] }) export const metadata = { title: 'Create Next App', description: 'Generated by create next app', } export default function RootLayout({ children }) { return ( {children}