vercel · Vercel AI SDK Docs
AI SDK Getting Started: TanStack Start
Provides a step-by-step guide to integrating TanStack Start with the Vercel AI SDK to build full-stack AI applications.
Derived skill
Files assembled from official documentation
Viewing SKILL.md
AI SDK Getting Started: TanStack Start
Provides a step-by-step guide to integrating TanStack Start with the Vercel AI SDK to build full-stack AI applications.
When To Use
Use when you need to set up a full-stack web application using TanStack Start that leverages the Vercel AI SDK for streaming AI responses and server-side logic.
Reference Files
| File | Contains | Use For |
|---|---|---|
SKILL.md | Entry point: scope, routing table, and workflow. | Start here. |
docs/ai-sdk-getting-started-tanstack-start-workflow-guide.md | A tutorial guide for integrating the AI SDK with TanStack Start to build a streaming AI agent. | Questions about a tutorial guide for integrating the AI SDK with TanStack Start to build a streaming AI agent. |
examples/ai-sdk-getting-started-tanstack-start-ai-sdk-tanstack-start-environment-.text | An example configuration showing how to set the AI_GATEWAY_API_KEY environment variable for a TanStack Start project using the AI SDK. | Exact payloads, commands, or snippets shown in An example configuration showing how to set the AIGATEWAYAPIKEY environment variable for a TanStack Start project usi... |
examples/ai-sdk-getting-started-tanstack-start-ai-sdk-tanstack-start-api-route-st.text | A TypeScript implementation of a TanStack Start API route using the AI SDK's streamText function to handle chat messages. | Exact payloads, commands, or snippets shown in A TypeScript implementation of a TanStack Start API route using the AI SDK's streamText function to handle chat messa... |
examples/ai-sdk-getting-started-tanstack-start-ai-sdk-tanstack-start-getting-star.text | A configuration snippet for setting up the AI SDK within a TanStack Start application environment. | Exact payloads, commands, or snippets shown in A configuration snippet for setting up the AI SDK within a TanStack Start application environment. |
examples/ai-sdk-getting-started-tanstack-start-ai-sdk-tanstack-start-gateway-impo.text | Code examples demonstrating how to import the gateway function from either the 'ai' package or the '@ai-sdk/gateway' package. | Exact payloads, commands, or snippets shown in Code examples demonstrating how to import the gateway function from either the 'ai' package or the '@ai-sdk/gateway'... |
examples/ai-sdk-getting-started-tanstack-start-ai-sdk-tanstack-start-setup.text | A code snippet demonstrating the initial configuration and model import for integrating the AI SDK with TanStack Start. | Exact payloads, commands, or snippets shown in A code snippet demonstrating the initial configuration and model import for integrating the AI SDK with TanStack Start. |
examples/ai-sdk-getting-started-tanstack-start-ai-sdk-tanstack-start-chat-compone.text | A React component implementation using TanStack Start and the AI SDK useChat hook to create a chat interface. | Exact payloads, commands, or snippets shown in A React component implementation using TanStack Start and the AI SDK useChat hook to create a chat interface. |
examples/ai-sdk-getting-started-tanstack-start-ai-sdk-tanstack-start-api-chat-rou.text | A TanStack Start server route implementation using the AI SDK to handle POST requests for streaming chat messages. | Exact payloads, commands, or snippets shown in A TanStack Start server route implementation using the AI SDK to handle POST requests for streaming chat messages. |
examples/ai-sdk-getting-started-tanstack-start-ai-sdk-tanstack-start-usechat-rout.text | A TanStack Start route component implementation using the AI SDK useChat hook to manage chat messages and input state. | Exact payloads, commands, or snippets shown in A TanStack Start route component implementation using the AI SDK useChat hook to manage chat messages and input state. |
examples/ai-sdk-getting-started-tanstack-start-ai-sdk-tanstack-start-api-chat-rou-2.text | A TanStack Start API route implementation using the AI SDK to handle POST requests for streaming chat messages. | Exact payloads, commands, or snippets shown in A TanStack Start API route implementation using the AI SDK to handle POST requests for streaming chat messages. |
examples/ai-sdk-getting-started-tanstack-start-ai-sdk-tanstack-start-api-chat-rou-3.text | A TanStack Start API route implementation using the AI SDK to handle POST requests for streaming chat messages. | Exact payloads, commands, or snippets shown in A TanStack Start API route implementation using the AI SDK to handle POST requests for streaming chat messages. |
examples/ai-sdk-getting-started-tanstack-start-ai-sdk-tanstack-start-usechat-rout-2.text | A TanStack Start route component implementation using the AI SDK useChat hook to manage chat messages and input state. | Exact payloads, commands, or snippets shown in A TanStack Start route component implementation using the AI SDK useChat hook to manage chat messages and input state. |
What This Skill Covers
- The AI SDK is a powerful TypeScript library designed to help developers build AI-powered applications.
- Main sections:
Prerequisites,Create Your Application,Create a Route Handler,Choosing a Provider,Using other providers.
Workflow
- Open the most relevant file under
docs/for the exact documented workflow and wording. - Open
schemas/files for exact structured contracts. - Open
examples/files for concrete requests, commands, snippets, and manifests. - Do not add behavior or configuration that is not present in the attached source files.
Canonical source: https://ai-sdk.dev/docs/getting-started/tanstack-start