Multi-Steps Preview

This example demonstrates how to use the AI SDK with Next.js and the streamText function to automatically handle multi-step generations.

Deploy your own

How to use

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

1
npx create-next-app --example https://github.com/vercel-labs/ai-sdk-preview-steps-reasoning ai-sdk-preview-steps-reasoning-example

1
yarn create next-app --example https://github.com/vercel-labs/ai-sdk-preview-steps-reasoning ai-sdk-preview-steps-reasoning-example

1
pnpm create next-app --example https://github.com/vercel-labs/ai-sdk-preview-steps-reasoning ai-sdk-preview-steps-reasoning-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 the AI SDK or Next.js take a look at the following resources:

• AI SDK docs
• Vercel AI Playground
• Next.js Documentation