---
title: "eve TanStack Agent"
description: "Web chat built on eve and TanStack Start."
url: "https://vercel.com/templates/eve/eve-tanstack-agent"
links:
  repository: "https://github.com/vercel-labs/eve-tanstack-start-template"
  deploy: "https://vercel.com/new/clone?demo-title=eve+TanStack+Agent&demo-description=Web+chat+built+on+eve+and+TanStack+Start.&project-name=eve-tanstack-start&repository-name=eve-tanstack-start&repository-url=https%3A%2F%2Fgithub.com%2Fvercel-labs%2Feve-tanstack-start-template&env=EVE_ACCESS_PASSWORD&envDescription=The+password+visitors+enter+before+they+can+chat+with+the+agent.&envLink=https%3A%2F%2Fgithub.com%2Fvercel-labs%2Feve-tanstack-start-template%23getting-started&demo-image=%2F%2Fimages.ctfassets.net%2Fe5382hct74si%2F7kReAJnbNNOAzAvzCnqlH4%2F505bd567d7832010bb3bd3d9859607df%2Fimage.png"
---

# eve TanStack Agent

Web chat built on eve and TanStack Start.

## Build a web chat with eve and TanStack Start.

Build an AI agent that presents answers as interactive components in a web chat. This TanStack Start template connects an eve agent to a React frontend, with json-render turning structured responses into result cards, sortable tables, metrics, and step-by-step layouts.

Use it as a starting point for a research assistant or a conversational interface for your own tools. The included agent can search the web, read pages, and ask follow-up questions when it needs more information.

### Generative UI with components you control

Generative UI lets the agent choose how to present an answer using a catalog of components you define. With [json-render](https://json-render.dev/), the agent produces a structured specification that your React components render.

The template validates component properties before displaying the result. You can extend the catalog with your own components and keep the presentation consistent with your app. For example, a product comparison can become a sortable table, and a travel plan can become an ordered itinerary.

### Conversations that continue across visits

The chat streams responses and displays tool activity alongside messages. Each conversation has a URL that lets you return to the session after reloading the page.

Question forms let people choose an option or type an answer without leaving the conversation. An included approval demo shows how a tool can wait for a person's decision before continuing.

### Adapt the agent to your app

Edit the agent's instructions to define its role, add tools for your services, and customize the chat's React components. The frontend uses shadcn/ui and Tailwind CSS, with TanStack Table providing sortable data tables.

Browser access uses a shared password. You can replace that flow with your own authentication provider as you develop the app.

### Deploy on Vercel

The TanStack Start frontend and eve agent deploy together in one Vercel project through Vercel Services. Deployed agent sessions use Vercel Sandbox.

Set the `EVE_ACCESS_PASSWORD` environment variable during setup, then open the deployed app and sign in to start a conversation.

## Related Templates

### [eve Contentful Agent](https://vercel.com/templates/eve/eve-contentful-agent)

Slack-based Contentful assistant built on eve, with Vercel Drives providing a searchable copy of your content.

### [eve Vercel Drives Starter](https://vercel.com/templates/eve/eve-vercel-drives-starter)

An eve agent that reads and saves your team's files on a Vercel Drive.

### [eve Data Analyst](https://vercel.com/templates/eve/eve-data-analyst)

Slack-based data analyst built on eve that answers questions about your business from a Postgres database.

---

## Additional documentation

The [Vercel Knowledge Base](https://vercel.com/kb) contains guides and answers to common questions about Vercel, including deployment, framework configuration, domains, caching, and troubleshooting.