Skip to content

Vercel AI Gateway Demo

An open-source AI chatbot built with Next.js, the AI SDK, and the AI Gateway.

AI Gateway Demo

A simple Next.js chatbot app to demonstrate the use of the Vercel AI Gateway with the AI SDK.

Getting Started

One-time setup

  1. Clone this repository with the Deploy button above
  2. Install the Vercel CLI if you don't already have it
  3. Clone the repository you created above: git clone <repo-url>
  4. Link it to a Vercel project: vc link or vc deploy

Usage

  1. Install packages with pnpm i (or npm i or yarn i) and run the development server with vc dev
  2. Open http://localhost:3000 to try the chatbot

FAQ

  1. If you prefer running your local development server directly rather than using vc dev, you'll need to run vc env pull to fetch the project's OIDC authentication token locally
    1. the token expires every 12h, so you'll need to re-run this command periodically.
    2. if you use vc dev it will auto-refresh the token for you, so you don't need to fetch it manually
  2. If you're linking to an existing, older project, you may need to enable the OIDC token feature in your project settings.
    1. visit the project settings page (rightmost tab in your project's dashboard)
    2. search for 'OIDC' in settings
    3. toggle the button under "Secure Backend Access with OIDC Federation" to Enabled and click the "Save" button

Authors

This repository is maintained by the Vercel team and community contributors.

Contributions are welcome! Feel free to open issues or submit pull requests to enhance functionality or fix bugs.

AI Gateway Demo

Vercel AI Gateway Demo

An open-source AI chatbot built with Next.js, the AI SDK, and the AI Gateway.

A simple Next.js chatbot app to demonstrate the use of the Vercel AI Gateway with the AI SDK.

Getting Started

One-time setup

  1. Clone this repository with the Deploy button above
  2. Install the Vercel CLI if you don't already have it
  3. Clone the repository you created above: git clone <repo-url>
  4. Link it to a Vercel project: vc link or vc deploy

Usage

  1. Install packages with pnpm i (or npm i or yarn i) and run the development server with vc dev
  2. Open http://localhost:3000 to try the chatbot

FAQ

  1. If you prefer running your local development server directly rather than using vc dev, you'll need to run vc env pull to fetch the project's OIDC authentication token locally
    1. the token expires every 12h, so you'll need to re-run this command periodically.
    2. if you use vc dev it will auto-refresh the token for you, so you don't need to fetch it manually
  2. If you're linking to an existing, older project, you may need to enable the OIDC token feature in your project settings.
    1. visit the project settings page (rightmost tab in your project's dashboard)
    2. search for 'OIDC' in settings
    3. toggle the button under "Secure Backend Access with OIDC Federation" to Enabled and click the "Save" button

Authors

This repository is maintained by the Vercel team and community contributors.

Contributions are welcome! Feel free to open issues or submit pull requests to enhance functionality or fix bugs.

Unleash New Possibilities

Deploy your app on Vercel and unlock its full potential

Try Vercel Free