Installation

Get Adkit running on your site. Takes about 3 minutes.

Prerequisites

Node.js 18+, a React 17+ app, and an Adkit account.

Install the package

Install the React SDK using your preferred package manager.

Wrap your app with the AdkitProvider and import the styles. In Next.js App Router, add this to your root layout.

app/layout.tsx

Place an ad slot anywhere in your app. Give it a unique identifier.

app/components/sidebar.tsx

Not seeing the placeholder?

Check that your siteId is correct and your domain is verified in the dashboard. Make sure you don't have an ad blocker enabled during development.

Toggle Code for the exact AdSlot props; Preview shows an empty banner slot before an ad is booked.

Configure the Adkit context provider for your React application.

Render an ad slot in your React application.

Next.js

Install adkit-react and add slots to your Next.js app. Supports App Router and Pages Router.