Get Started with Upstash Vector & Next.js

Upstash Vector & Next.js Example

In this example, you can find how you can use Upstash Vector with Next.js.

The client is initialized in /src/app/api/route.ts folder like:

1
import { Index } from "@upstash/vector";
2

3
const index = new Index({
4
  url: process.env.UPSTASH_VECTOR_REST_URL,
5
  token: process.env.UPSTASH_VECTOR_REST_TOKEN,
6
})
7

8
export const GET = async () => {
9
  // ...
10
}

Local Development

First, install the dependencies with:

1
npm install

Then, create a .env.local file and fill the environment variables:

1
UPSTASH_VECTOR_REST_URL="***"
2
UPSTASH_VECTOR_REST_TOKEN="***"

Finally, run:

1
npm run dev

Deployment

You can deploy with:

1
npm run deploy

Then, set the environment variables in your project, redeploy and start using the app on Vercel!