AI

Cookbook

An open-source collection of recipes, guides, and templates for building with the AI SDK.

Guides

Build a Natural Language Postgres Editor
Get Started with Computer Use
Get Started with OpenAI o1
Get Started with Llama 3.1

Recipes

Next.js
streaming
13
chat
4
tool use
4
assistant
2
multimodal
2
structured data
2
image generation
1
tools
1
caching
1
middleware
1
pdf
1
chatbot
1
markdown
1
multi-modal
1
agents
1
generative user interface
1
Generate Text
Generate Text with Chat Prompt
streamingchat
Generate Image with Chat Prompt
streamingchat
Stream Text
streaming
Stream Text with Chat Prompt
streamingchat
Stream Text with Image Prompt
streamingmultimodal
Chat with PDFs
pdfmultimodal
streamText Multi-Step Cookbook
streaming
Markdown Chatbot with Memoization
streamingchatbot
Generate Object
structured data
Generate Object with File Prompt through Form Submission
multi-modal
Stream Object
streamingstructured data
Call Tools
tool use
Call Tools in Parallel
streamingtool use
Call Tools in Multiple Steps
streamingtool use
Human-in-the-Loop with Next.js
agentstool use
Send Custom Body from useChat
chat
Render Visual Interface in Chat
generative user interface
Stream Assistant Response
streamingassistant
Stream Assistant Response with Tools
streamingassistant
Caching Middleware
streamingcaching

Templates

We've built some templates that include AI SDK integrations for different use cases, providers, and frameworks. You can use these templates to get started with your AI-powered application.

Starter Kits

Chatbot Starter Template
Uses the AI SDK and Next.js. Features persistence, multi-modal chat, and more.
Internal Knowledge Base (RAG)
Uses AI SDK Language Model Middleware for RAG and enforcing guardrails.
Multi-Modal Chat
Uses Next.js and AI SDK useChat hook for multi-modal message chat interface.
Semantic Image Search
An AI semantic image search app template built with Next.js, AI SDK, and Postgres.
Natural Language PostgreSQL
Query PostgreSQL using natural language with AI SDK and GPT-4o.

Feature Exploration

Feature Flags Example
AI SDK with Next.js, Feature Flags, and Edge Config for dynamic model switching.
Chatbot with Telemetry
AI SDK chatbot with OpenTelemetry support.
Structured Object Streaming
Uses AI SDK useObject hook to stream structured object generation.
Multi-Step Tools
Uses AI SDK streamText function to handle multiple tool steps automatically.

Frameworks

Next.js OpenAI Starter
Uses OpenAI GPT-4, AI SDK, and Next.js.
Nuxt OpenAI Starter
Uses OpenAI GPT-4, AI SDK, and Nuxt.js.
SvelteKit OpenAI Starter
Uses OpenAI GPT-4, AI SDK, and SvelteKit.
Solid OpenAI Starter
Uses OpenAI GPT-4, AI SDK, and Solid.

Generative UI

Gemini Chatbot
Uses Google Gemini, AI SDK, and Next.js.
Generative UI with RSC (experimental)
Uses Next.js, AI SDK, and streamUI to create generative UIs with React Server Components.

Security

Bot Protection
Uses Kasada, OpenAI GPT-4, AI SDK, and Next.js.
Rate Limiting
Uses Vercel KV, OpenAI GPT-4, AI SDK, and Next.js.