Skip to content
Avatar of vercel-labsvercel-labs/ai-sdk-flags-edge-config

Dynamic Model Usage with AI SDK

A chatbot that allows you to dynamically set the LLM using Vercel AI SDK with Feature Flags and Edge Config

ai-sdk-ff-ec-og

Vercel AI SDK, Next.js, Edge Config and Feature Flags Example

This example demonstrates how to use the Vercel AI SDK with Next.js, Feature Flags, and Edge Config to create a flexible AI-powered application with dynamic model switching capabilities.

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-flags-edge-config ai-sdk-flags-edge-config-example
yarn create next-app --example https://github.com/vercel-labs/ai-sdk-flags-edge-config ai-sdk-flags-edge-config-example
pnpm create next-app --example https://github.com/vercel-labs/ai-sdk-flags-edge-config ai-sdk-flags-edge-config-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. Get / Add API keys for each provider.
  3. Set up Edge Config in your Vercel dashboard.
  4. Set the required environment variables as shown in the .env.example file, but in a new file called .env.
  5. npm install to install the required dependencies.
  6. npm run dev to launch the development server.

Note: you can generate the value for the FLAGS_SECRET by running the following code in your terminal:

node -e "console.log(crypto.randomBytes(32).toString('base64url'))"

To run the node-example.ts file run the following command in your terminal

pnpm tsx node-example.ts

Learn More

To learn more about Vercel AI SDK, Next.js, Feature Flags, and Edge Config, take a look at the following resources:

ai-sdk-ff-ec-og
Avatar of vercel-labsvercel-labs/ai-sdk-flags-edge-config

Dynamic Model Usage with AI SDK

A chatbot that allows you to dynamically set the LLM using Vercel AI SDK with Feature Flags and Edge Config

Vercel AI SDK, Next.js, Edge Config and Feature Flags Example

This example demonstrates how to use the Vercel AI SDK with Next.js, Feature Flags, and Edge Config to create a flexible AI-powered application with dynamic model switching capabilities.

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-flags-edge-config ai-sdk-flags-edge-config-example
yarn create next-app --example https://github.com/vercel-labs/ai-sdk-flags-edge-config ai-sdk-flags-edge-config-example
pnpm create next-app --example https://github.com/vercel-labs/ai-sdk-flags-edge-config ai-sdk-flags-edge-config-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. Get / Add API keys for each provider.
  3. Set up Edge Config in your Vercel dashboard.
  4. Set the required environment variables as shown in the .env.example file, but in a new file called .env.
  5. npm install to install the required dependencies.
  6. npm run dev to launch the development server.

Note: you can generate the value for the FLAGS_SECRET by running the following code in your terminal:

node -e "console.log(crypto.randomBytes(32).toString('base64url'))"

To run the node-example.ts file run the following command in your terminal

pnpm tsx node-example.ts

Learn More

To learn more about Vercel AI SDK, Next.js, Feature Flags, and Edge Config, take a look at the following resources:

Unleash New Possibilities

Deploy your app on Vercel and unlock its full potential