Add AI Search to your Gatsby app

​

What is Gatsby

Gatsby is a React-based open source framework for creating websites.

​

Install the component library

• npm
• bun
• pnpm
• yarn

npm install @inkeep/uikit

​

Customize your settings

First, create a useInkeepSettings.ts file that will contain a hook that returns configuration for the Inkeep component(s).

Below is an example with common customizations:

​

Define the component

Next, create an InkeepSearchBar.tsx file for the Search Bar component.

For a full list of customizations, check out the Search Bar documentation.