Skip to content
Log InContact
Sign Up
← Back to Templates
Avatar of vercel-labsvercel-labs/ai-sdk-preview-use-object

Object Generation Streaming with useObject

An application that converts text inputs into structured objects and streams the expense as it’s being processed using the Vercel AI SDK.

Deploy
View Demo
Framework
Next.js
Use Case
AI
CSS
TailwindRadix UI
useObject demo thumbnail

Vercel AI SDK useObject Example

This example demonstrates how to use the Vercel AI SDK with Next.js with the useObject hook to stream structured object generation to the client with the AI provider of your choice.

Deploy your own

How to use

Run create-next-app with npm, Yarn, or pnpm to bootstrap the example:

npx create-next-app --example https://github.com/vercel-labs/ai-sdk-preview-use-object ai-sdk-preview-use-object-example
yarn create next-app --example https://github.com/vercel-labs/ai-sdk-preview-use-object ai-sdk-preview-use-object-example
pnpm create next-app --example https://github.com/vercel-labs/ai-sdk-preview-use-object ai-sdk-preview-use-object-example

To run the example locally you need to:

  1. Sign up for accounts with the AI providers you want to use (e.g., OpenAI, Anthropic).
  2. Obtain API keys for each provider.
  3. Set the required environment variables as shown in the .env.example file, but in a new file called .env.
  4. npm install to install the required dependencies.
  5. npm run dev to launch the development server.

Learn More

To learn more about Vercel AI SDK or Next.js take a look at the following resources:

← Back to Templates
useObject demo thumbnail
Avatar of vercel-labsvercel-labs/ai-sdk-preview-use-object

Object Generation Streaming with useObject

An application that converts text inputs into structured objects and streams the expense as it’s being processed using the Vercel AI SDK.

Deploy
View Demo
Framework
Next.js
Use Case
AI
CSS
TailwindRadix UI

Vercel AI SDK useObject Example

This example demonstrates how to use the Vercel AI SDK with Next.js with the useObject hook to stream structured object generation to the client with the AI provider of your choice.

Deploy your own

How to use

Run create-next-app with npm, Yarn, or pnpm to bootstrap the example:

npx create-next-app --example https://github.com/vercel-labs/ai-sdk-preview-use-object ai-sdk-preview-use-object-example
yarn create next-app --example https://github.com/vercel-labs/ai-sdk-preview-use-object ai-sdk-preview-use-object-example
pnpm create next-app --example https://github.com/vercel-labs/ai-sdk-preview-use-object ai-sdk-preview-use-object-example

To run the example locally you need to:

  1. Sign up for accounts with the AI providers you want to use (e.g., OpenAI, Anthropic).
  2. Obtain API keys for each provider.
  3. Set the required environment variables as shown in the .env.example file, but in a new file called .env.
  4. npm install to install the required dependencies.
  5. npm run dev to launch the development server.

Learn More

To learn more about Vercel AI SDK or Next.js take a look at the following resources:

Related Templates

Next.js AI Chatbot

Next.js AI Chatbot

A full-featured, hackable Next.js AI chatbot built by Vercel

by ▲ Vercel

Upstash Vector + Vercel AI SDK Starter

Upstash Vector + Vercel AI SDK Starter

A RAG chatbot starter for expert answers on university degrees. Built using Vercel AI SDK, LangChain, Upstash Vector, and OpenAI.

by Upstash

Unleash New Possibilities

Deploy your app on Vercel and unlock its full potential