IntegrationsNextra
Add Chat and Search to Nextra
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 integration.
Copy and add the apiKey
to your environment variables:
Install the component library
Customize your settings
Define your Inkeep settings.
Define the components
Next, create component files InkeepChatButton.tsx
and InkeepSearchBar.tsx
ChatButton
SearchBar
Modify theme config
To add widgets to the page, paste the code shown below into the theme.config.tsx
file:
For a full list of customizations, check out the Common Settings.