> ## Documentation Index
> Fetch the complete documentation index at: https://algolia.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Algolia for Vercel

> Add fast, relevant search to your Vercel projects with the native Algolia integration on the Vercel Marketplace.

Add Algolia to your Vercel projects with the native integration on the Vercel Marketplace.
Install it from the Vercel dashboard to provision a fully configured Algolia application,
without a separate Algolia sign-up.
Your Algolia credentials are injected into your project as environment variables,
and you manage billing through your existing Vercel account.

<Note>
  This integration provisions your Algolia application and credentials. It doesn't index your content.
  You can populate your indices with any indexing method: API clients, the CLI, connectors, or the Algolia Crawler.
  Enabling the Crawler during installation is just one optional shortcut.
</Note>

<Columns>
  <Card title="Get the integration" icon="plug" href="https://vercel.com/marketplace/algolia">
    Install the Algolia integration from the Vercel Marketplace.
  </Card>

  <Card title="Starter app" icon="github" href="https://github.com/algolia/algolia-search-starter">
    Deploy a starter app preconfigured to work with the Vercel integration.
  </Card>
</Columns>

## Install the integration

1. Open the [Algolia integration](https://vercel.com/marketplace/algolia) on the Vercel Marketplace and click **Install**.
2. Select the region where you want to host your Algolia application.
3. Optional: enable the Algolia Crawler and select the Vercel domain you want to index.
   This approves your domain for crawling. You still need to configure and run the crawler yourself
   from the [Algolia Crawler](/doc/tools/crawler/getting-started/overview) dashboard.
4. Choose your plan: **Build**, **Grow**, or **Grow Plus**.
5. Name your Algolia application and confirm.
   Vercel provisions your Algolia application automatically.

## Connect your project

After the integration is installed, your Algolia application ID and API keys are available
as environment variables in the Vercel projects you connect to the integration:

* `ALGOLIA_APP_ID`
* `ALGOLIA_SEARCH_API_KEY`
* `ALGOLIA_WRITE_API_KEY`, for server-side use only

<Note>
  In a Next.js app, expose the application ID and search API key to the browser
  by adding them manually with the `NEXT_PUBLIC_` prefix, for example
  `NEXT_PUBLIC_ALGOLIA_APP_ID`.
</Note>

1. Connect the integration to the Vercel projects that need search.
2. Redeploy each connected project so it picks up the environment variables.
3. Use the injected credentials to build your search experience,
   for example with [InstantSearch](/doc/guides/building-search-ui/what-is-instantsearch/js) or [SiteSearch](https://sitesearch.algolia.com/).

You can open the Algolia dashboard from the Vercel dashboard at any time to manage your indices and settings.

## Run the starter app locally

The [starter app](https://github.com/algolia/algolia-search-starter) is a Next.js example
that pulls its Algolia credentials from your linked Vercel project.
For the latest instructions, see the [project README](https://github.com/algolia/algolia-search-starter).

```sh icon=square-terminal theme={"system"}
git clone https://github.com/algolia/algolia-search-starter
cd algolia-search-starter
npm install
npx vercel link
npx vercel env pull .env.local
npm run seed
npm run dev
```

## Next steps

* [Send and manage your data](/doc/guides/sending-and-managing-data/send-and-update-your-data)
* [Build a search UI with InstantSearch](/doc/guides/building-search-ui/what-is-instantsearch/js)
* [Configure the Algolia Crawler](/doc/tools/crawler/getting-started/overview)