Remix
Add AI Chat to your Remix app
What is Remix
Remix is a modern web framework for building web applications based on React.
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
Get the environment variables
Use loader/action to access your environment variables:
root.tsx
Install the component library
Customize your settings
First, create a useInkeepSettings.ts
file that will contain a hook that returns configuration for our Inkeep component(s).
Below is an example with common customizations.
Define the component
Next, create an InkeepChatButton.tsx
file for the Chat Button
component.
For a full list of customizations, check out the Chat Button documentation.