An application that converts text inputs into structured objects and streams the expense as it’s being processed using the Vercel AI SDK.
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.
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:
.env.example
file, but in a new file called .env
.npm install
to install the required dependencies.npm run dev
to launch the development server.To learn more about Vercel AI SDK or Next.js take a look at the following resources:
An application that converts text inputs into structured objects and streams the expense as it’s being processed using the Vercel AI SDK.
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.
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:
.env.example
file, but in a new file called .env
.npm install
to install the required dependencies.npm run dev
to launch the development server.To learn more about Vercel AI SDK or Next.js take a look at the following resources: