Next.js
Next 15
Using the uikit with Next 15 and React 19.
The @inkeep/uikit
package supports React 18, in order to use the Inkeep components with Next 15 and React 19 you can install the @inkeep/uikit-js
package.
Get an API key
- Go to the Inkeep Dashboard
- Select your project under Projects
- Go to the Integrations tab
- Click on Create integration
- Select Web
- Provide a Name and URL (optional) for the integration
- Click on Create
- Click the Example < /> button to get your API key and view suggested settings
Copy and add the apiKey
, integrationId
and organizationId
to your environment variables:
.env
Install the component library
Example
To ensure the uikit is only loaded client side, you will need to import the library asynchronously within a useEffect hook. This example uses the Chat Button component but the same logic can be applied to any of the other components. See here for additional details on using the uikit-js
package.