IntegrationsNextra

Add Chat and Search to Nextra

Copy page

Integrate Inkeep's chat button and search bar into your Nextra documentation for enhanced user experience and content discovery.

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 components

Next, create component files InkeepChatButton.tsx and InkeepSearchBar.tsx

Chat button

For a full list of customizations, check out the Common Settings.

Add a widget and search bar to pages