Installation

Core Runtime

The core SDK has no framework dependencies and works in any JavaScript environment.

npm install @babelize/sdk

pnpm add @babelize/sdk

yarn add @babelize/sdk

bun add @babelize/sdk

For React applications, add the React package alongside the core SDK.

npm install @babelize/sdk @babelize/sdk-react

pnpm add @babelize/sdk @babelize/sdk-react

yarn add @babelize/sdk @babelize/sdk-react

bun add @babelize/sdk @babelize/sdk-react

For Next.js applications with server-side rendering and edge middleware.

npm install @babelize/sdk @babelize/sdk-react @babelize/sdk-next

pnpm add @babelize/sdk @babelize/sdk-react @babelize/sdk-next

yarn add @babelize/sdk @babelize/sdk-react @babelize/sdk-next

bun add @babelize/sdk @babelize/sdk-react @babelize/sdk-next

Install the build plugin for your framework as a dev dependency.

Vite:

npm install -D @babelize/vite

pnpm add -D @babelize/vite

yarn add -D @babelize/vite

bun add -D @babelize/vite

Next.js:

npm install -D @babelize/next

pnpm add -D @babelize/next

yarn add -D @babelize/next

bun add -D @babelize/next

Get your API key from the Babelize Dashboard. Set it as an environment variable:

export BABELIZE_API_KEY=bblz_sk_xxxxxxxxx

Or add it to your .env file:

BABELIZE_API_KEY=bblz_sk_xxxxxxxxx

For client-side usage with Vite, prefix with VITE_:

VITE_BABELIZE_API_KEY=bblz_sk_xxxxxxxxx