IntegrationsNextra

Add Embedded Chat to Nextra

Copy page

Integrate Inkeep's embedded chat into your Nextra documentation for seamless user interaction.

What is Nextra

Nextra is a framework for creating content-focused websites using Next.js and markdown.

Get an API key

Follow these steps to create an API key for your web assistant.

Copy and add the apiKey to your environment variables:

.env
NEXT_PUBLIC_INKEEP_API_KEY="INKEEP_API_KEY"

Install the component library

Customize your settings

Define your Inkeep settings.

Define the component

Create an InkeepEmbeddedChat.tsx file for the Embedded Chat component.

For a full list of customizations, check out the Embedded Chat documentation.

Use the component

Add the InkeepEmbeddedChat.tsx component follow these steps: