!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())

[Skip to main content](#__docusaurus_skipToContent_fallback)

LangChain v0.2 is coming soon! Preview the new docs [here](/v0.2/docs/introduction/).

[

![🦜️🔗 Langchain](/v0.1/img/brand/wordmark.png)![🦜️🔗 Langchain](/v0.1/img/brand/wordmark-dark.png)

](/v0.1/)[Docs](/v0.1/docs/get_started/introduction/)[Use cases](/v0.1/docs/use_cases/)[Integrations](/v0.1/docs/integrations/platforms/)[API Reference](https://api.js.langchain.com)

[More](#)

*   [People](/v0.1/docs/people/)
*   [Community](/v0.1/docs/community/)
*   [Tutorials](/v0.1/docs/additional_resources/tutorials/)
*   [Contributing](/v0.1/docs/contributing/)

[v0.1](#)

*   [v0.2](https://js.langchain.com/v0.2/docs/introduction)
*   [v0.1](/v0.1/docs/get_started/introduction/)

[🦜🔗](#)

*   [LangSmith](https://smith.langchain.com)
*   [LangSmith Docs](https://docs.smith.langchain.com)
*   [LangChain Hub](https://smith.langchain.com/hub)
*   [LangServe](https://github.com/langchain-ai/langserve)
*   [Python Docs](https://python.langchain.com/)

[Chat](https://chatjs.langchain.com)[](https://github.com/langchain-ai/langchainjs)

Search

*   [Providers](/v0.1/docs/integrations/platforms/)
    
    *   [Providers](/v0.1/docs/integrations/platforms/)
    *   [Anthropic](/v0.1/docs/integrations/platforms/anthropic/)
    *   [AWS](/v0.1/docs/integrations/platforms/aws/)
    *   [Google](/v0.1/docs/integrations/platforms/google/)
    *   [Microsoft](/v0.1/docs/integrations/platforms/microsoft/)
    *   [OpenAI](/v0.1/docs/integrations/platforms/openai/)
*   [Components](/v0.1/docs/integrations/components/)
    
    *   [LLMs](/v0.1/docs/integrations/llms/)
        
    *   [Chat models](/v0.1/docs/integrations/chat/)
        
    *   [Document loaders](/v0.1/docs/integrations/document_loaders/)
        
    *   [Document transformers](/v0.1/docs/integrations/document_transformers/)
        
    *   [Document compressors](/v0.1/docs/integrations/document_compressors/)
        
    *   [Text embedding models](/v0.1/docs/integrations/text_embedding/)
        
    *   [Vector stores](/v0.1/docs/integrations/vectorstores/)
        
    *   [Retrievers](/v0.1/docs/integrations/retrievers/)
        
    *   [Tools](/v0.1/docs/integrations/tools/)
        
    *   [Agents and toolkits](/v0.1/docs/integrations/toolkits/)
        
    *   [Chat Memory](/v0.1/docs/integrations/chat_memory/)
        
    *   [Stores](/v0.1/docs/integrations/stores/)
        
        *   [Cassandra KV](/v0.1/docs/integrations/stores/cassandra_storage/)
        *   [File System Store](/v0.1/docs/integrations/stores/file_system/)
        *   [In Memory Store](/v0.1/docs/integrations/stores/in_memory/)
        *   [Stores](/v0.1/docs/integrations/stores/)
        *   [IORedis](/v0.1/docs/integrations/stores/ioredis_storage/)
        *   [Upstash Redis](/v0.1/docs/integrations/stores/upstash_redis_storage/)
        *   [Vercel KV](/v0.1/docs/integrations/stores/vercel_kv_storage/)

*   [](/v0.1/)
*   [Components](/v0.1/docs/integrations/components/)
*   [Stores](/v0.1/docs/integrations/stores/)
*   Vercel KV

On this page

Vercel KV
=========

This example demonstrates how to setup chat history storage using the `VercelKVStore` `BaseStore` integration.

Setup[​](#setup "Direct link to Setup")
---------------------------------------

*   npm
*   Yarn
*   pnpm

    npm install @vercel/kv

    yarn add @vercel/kv

    pnpm add @vercel/kv

Usage[​](#usage "Direct link to Usage")
---------------------------------------

    import { createClient } from "@vercel/kv";import { VercelKVStore } from "@langchain/community/storage/vercel_kv";import { AIMessage, HumanMessage } from "@langchain/core/messages";// Pro tip: define a helper function for getting your client// along with handling the case where your environment variables// are not set.const getClient = () => {  if (!process.env.VERCEL_KV_API_URL || !process.env.VERCEL_KV_API_TOKEN) {    throw new Error(      "VERCEL_KV_API_URL and VERCEL_KV_API_TOKEN must be set in the environment"    );  }  const client = createClient({    url: process.env.VERCEL_KV_API_URL,    token: process.env.VERCEL_KV_API_TOKEN,  });  return client;};// Define the client and storeconst client = getClient();const store = new VercelKVStore({  client,});// Define our encoder/decoder for converting between strings and Uint8Arraysconst encoder = new TextEncoder();const decoder = new TextDecoder();/** * Here you would define your LLM and chat chain, call * the LLM and eventually get a list of messages. * For this example, we'll assume we already have a list. */const messages = Array.from({ length: 5 }).map((_, index) => {  if (index % 2 === 0) {    return new AIMessage("ai stuff...");  }  return new HumanMessage("human stuff...");});// Set your messages in the store// The key will be prefixed with `message:id:` and end// with the index.await store.mset(  messages.map((message, index) => [    `message:id:${index}`,    encoder.encode(JSON.stringify(message)),  ]));// Now you can get your messages from the storeconst retrievedMessages = await store.mget(["message:id:0", "message:id:1"]);// Make sure to decode the valuesconsole.log(retrievedMessages.map((v) => decoder.decode(v)));/**[  '{"id":["langchain","AIMessage"],"kwargs":{"content":"ai stuff..."}}',  '{"id":["langchain","HumanMessage"],"kwargs":{"content":"human stuff..."}}'] */// Or, if you want to get back all the keys you can call// the `yieldKeys` method.// Optionally, you can pass a key prefix to only get back// keys which match that prefix.const yieldedKeys = [];for await (const key of store.yieldKeys("message:id:")) {  yieldedKeys.push(key);}// The keys are not encoded, so no decoding is necessaryconsole.log(yieldedKeys);/**[  'message:id:2',  'message:id:1',  'message:id:3',  'message:id:0',  'message:id:4'] */// Finally, let's delete the keys from the storeawait store.mdelete(yieldedKeys);

#### API Reference:

*   [VercelKVStore](https://api.js.langchain.com/classes/langchain_community_storage_vercel_kv.VercelKVStore.html) from `@langchain/community/storage/vercel_kv`
*   [AIMessage](https://api.js.langchain.com/classes/langchain_core_messages.AIMessage.html) from `@langchain/core/messages`
*   [HumanMessage](https://api.js.langchain.com/classes/langchain_core_messages.HumanMessage.html) from `@langchain/core/messages`

* * *

#### Help us out by providing feedback on this documentation page:

[

Previous

Upstash Redis

](/v0.1/docs/integrations/stores/upstash_redis_storage/)

*   [Setup](#setup)
*   [Usage](#usage)

Community

*   [Discord](https://discord.gg/cU2adEyC7w)
*   [Twitter](https://twitter.com/LangChainAI)

GitHub

*   [Python](https://github.com/langchain-ai/langchain)
*   [JS/TS](https://github.com/langchain-ai/langchainjs)

More

*   [Homepage](https://langchain.com)
*   [Blog](https://blog.langchain.dev)

Copyright © 2024 LangChain, Inc.