Nextra
Add an Embedded AI Chat to your Nextra docs
What is Nextra
Nextra is a framework for creating content-focused websites using Next.js and markdown.
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
Customize your settings
Create a useInkeepSettings.ts
file that will contain a hook that will return the configuration for Inkeep component(s).
Make sure to add your Inkeep identifiers to your environment settings.
Define the component
Create an InkeepEmbeddedChat.tsx
file for the Embedded Chat
component.
Use the component
Now to add the InkeepEmbeddedChat.tsx
component follow these steps:
- Create a new page - Ask AI ✨
- Initialize the page in the
_meta.json
file:
_meta.json
- Add a widget to the page:
ask-ai.mdx
For a full list of customizations, check out the Embedded Chat documentation.