> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://humanloop.com/docs/v5/integrations/vercel-ai-sdk/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://humanloop.com/docs/_mcp/server.

> Add logging to your Vercel AI SDK application with Humanloop.

The [Vercel AI SDK](https://sdk.vercel.ai/docs/introduction) is the TypeScript toolkit designed to help developers build AI-powered applications with React, Next.js, Vue, Svelte, Node.js, and more.

Humanloop supports receiving OpenTelemetry traces from the Vercel AI SDK, so you can see and evaluate your AI SDK application in your Humanloop Dashboard.

Take a look at the following guides to learn how to integrate Humanloop with your Vercel AI SDK application.

#### [Instrumenting a chat agent in Next.js](/docs/v5/integrations/vercel-ai-sdk/agent-nextjs-observability)

Instrument a Vercel AI SDK chat agent in Next.js

#### [Instrumenting a chat agent in Node.js](/docs/v5/integrations/vercel-ai-sdk/agent-nodejs-observability)

Instrument a Vercel AI SDK chat agent in Node.js

For a full reference, see our [Vercel AI SDK API reference](/docs/v5/reference/vercel-ai-sdk).

> Add Humanloop observability to your Vercel AI SDK project.

## Docs

- [Observability in Next.js](https://humanloop.com/docs/integrations/vercel-ai-sdk/agent-nextjs-observability.md): Add logging to your Vercel AI SDK application with Humanloop.
- [Observability in Node.js](https://humanloop.com/docs/integrations/vercel-ai-sdk/agent-nodejs-observability.md): Add logging to your Vercel AI SDK application with Humanloop.