Vercel x xAI Chatbot

An open-source AI chatbot app template built with Next.js, the AI SDK by Vercel, and xAI.

Features · Deploy Your Own · Running Locally · Authors

Features

• Streaming text responses powered by the AI SDK by Vercel, allowing multiple AI providers to be used interchangeably with just a few lines of code.
• Built-in tool integration for extending AI capabilities (demonstrated with a weather tool example).
• Reasoning model support.
• shadcn/ui components for a modern, responsive UI powered by Tailwind CSS.
• Built with the latest Next.js App Router.

Deploy Your Own

You can deploy your own version to Vercel by clicking the button below:

Running Locally

1. Clone the repository and install dependencies:

   1
   npm install
   2
   # or
   3
   yarn install
   4
   # or
   5
   pnpm install

2. Install the Vercel CLI:

   1
   npm i -g vercel
   2
   # or
   3
   yarn global add vercel
   4
   # or
   5
   pnpm install -g vercel

   Once installed, link your local project to your Vercel project:

   1
   vercel link

   After linking, pull your environment variables:

   1
   vercel env pull

   This will create a .env.local file with all the necessary environment variables.

3. Run the development server:

   1
   npm run dev
   2
   # or
   3
   yarn dev
   4
   # or
   5
   pnpm dev

4. Open http://localhost:3000 to view your new AI chatbot application.

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.