This example shows how to use the AI SDK with Next.js and OpenAI to create a ChatGPT-like AI-powered streaming chat bot with OpenTelemetry support.
Deploy the example using Vercel:
Execute create-next-app
with npm, Yarn, or pnpm to bootstrap the example:
npx create-next-app --example https://github.com/vercel/ai/tree/main/examples/next-openai-telemetry next-openai-telemetry-app
yarn create next-app --example https://github.com/vercel/ai/tree/main/examples/next-openai-telemetry next-openai-telemetry-app
pnpm create next-app --example https://github.com/vercel/ai/tree/main/examples/next-openai-telemetry next-openai-telemetry-app
To run the example locally you need to:
.env.local
pnpm install
to install the required dependencies.pnpm dev
to launch the development server.To learn more about OpenAI, Next.js, and the AI SDK take a look at the following resources:
This example shows how to use the AI SDK with Next.js and OpenAI to create a ChatGPT-like AI-powered streaming chat bot with OpenTelemetry support.
Deploy the example using Vercel:
Execute create-next-app
with npm, Yarn, or pnpm to bootstrap the example:
npx create-next-app --example https://github.com/vercel/ai/tree/main/examples/next-openai-telemetry next-openai-telemetry-app
yarn create next-app --example https://github.com/vercel/ai/tree/main/examples/next-openai-telemetry next-openai-telemetry-app
pnpm create next-app --example https://github.com/vercel/ai/tree/main/examples/next-openai-telemetry next-openai-telemetry-app
To run the example locally you need to:
.env.local
pnpm install
to install the required dependencies.pnpm dev
to launch the development server.To learn more about OpenAI, Next.js, and the AI SDK take a look at the following resources: