A Next.js chatbot using the Vercel AI SDK's streamText function with a provider registry to allow users to switch models.
This example demonstrates how to use the Vercel AI SDK with Next.js and the experimental_createProviderRegistry
function to handle multiple providers and models and switch between them easily in your application.
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-provider-registry ai-sdk-preview-provider-registry-example
yarn create next-app --example https://github.com/vercel-labs/ai-sdk-preview-provider-registry ai-sdk-preview-provider-registry-example
pnpm create next-app --example https://github.com/vercel-labs/ai-sdk-preview-provider-registry ai-sdk-preview-provider-registry-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:
A Next.js chatbot using the Vercel AI SDK's streamText function with a provider registry to allow users to switch models.
This example demonstrates how to use the Vercel AI SDK with Next.js and the experimental_createProviderRegistry
function to handle multiple providers and models and switch between them easily in your application.
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-provider-registry ai-sdk-preview-provider-registry-example
yarn create next-app --example https://github.com/vercel-labs/ai-sdk-preview-provider-registry ai-sdk-preview-provider-registry-example
pnpm create next-app --example https://github.com/vercel-labs/ai-sdk-preview-provider-registry ai-sdk-preview-provider-registry-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: