--- title: "Vercel x xAI Chatbot" description: "An open-source AI chatbot built with Next.js, the AI SDK, and xAI." url: "https://vercel.com/templates/next.js/vercel-x-xai-chatbot" links: repository: "https://github.com/vercel-labs/ai-sdk-starter-xai" demo: "https://ai-sdk-starter-xai.vercel.app" deploy: "https://vercel.com/new/clone?demo-title=Vercel+x+xAI+Chatbot&demo-description=A+simple+chatbot+application+built+with+Next.js+that+uses+xAI+via+the+AI+SDK+and+the+Vercel+Marketplace&demo-url=https%3A%2F%2Fai-sdk-starter-xai.labs.vercel.dev%2F&project-name=Vercel+x+xAI+Chatbot&repository-name=ai-sdk-starter-xai&repository-url=https%3A%2F%2Fgithub.com%2Fvercel-labs%2Fai-sdk-starter-xai&products=%5B%7B%22type%22%3A%22integration%22%2C%22protocol%22%3A%22ai%22%2C%22productSlug%22%3A%22grok%22%2C%22integrationSlug%22%3A%22xai%22%7D%5D&demo-image=%2F%2Fimages.ctfassets.net%2Fe5382hct74si%2F1ZBnvPJRixcEbhDkCUpmaM%2F1f4c4c788d847a52213adfdecad1a6e6%2Fvercel-xai-og.png" --- # Vercel x xAI Chatbot An open-source AI chatbot built with Next.js, the AI SDK, and xAI.

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](https://sdk.vercel.ai/docs), 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](https://ui.shadcn.com/) components for a modern, responsive UI powered by [Tailwind CSS](https://tailwindcss.com). - Built with the latest [Next.js](https://nextjs.org) App Router. ## Deploy Your Own You can deploy your own version to Vercel by clicking the button below: [![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?project-name=Vercel+x+xAI+Chatbot&repository-name=ai-sdk-starter-xai&repository-url=https%3A%2F%2Fgithub.com%2Fvercel-labs%2Fai-sdk-starter-xai&demo-title=Vercel+x+xAI+Chatbot&demo-url=https%3A%2F%2Fai-sdk-starter-xai.labs.vercel.dev%2F&demo-description=A+simple+chatbot+application+built+with+Next.js+that+uses+xAI+via+the+AI+SDK+and+the+Vercel+Marketplace&products=[{%22type%22:%22integration%22,%22protocol%22:%22ai%22,%22productSlug%22:%22grok%22,%22integrationSlug%22:%22xai%22}]) ## Running Locally 1. Clone the repository and install dependencies: ```bash npm install # or yarn install # or pnpm install ``` 2. Install the [Vercel CLI](https://vercel.com/docs/cli): ```bash npm i -g vercel # or yarn global add vercel # or pnpm install -g vercel ``` Once installed, link your local project to your Vercel project: ```bash vercel link ``` After linking, pull your environment variables: ```bash vercel env pull ``` This will create a `.env.local` file with all the necessary environment variables. 3. Run the development server: ```bash npm run dev # or yarn dev # or pnpm dev ``` 4. Open [http://localhost:3000](http://localhost:3000) to view your new AI chatbot application. ## Authors This repository is maintained by the [Vercel](https://vercel.com) team and community contributors. Contributions are welcome! Feel free to open issues or submit pull requests to enhance functionality or fix bugs. ## Related Templates ### [Fal Image Generator](https://vercel.com/templates/next.js/fal-image-generator) An open-source AI image generator built with Next.js, the AI SDK, and Fal. ### [Vercel x DeepInfra Chatbot](https://vercel.com/templates/next.js/vercel-x-deepinfra-chatbot) An open-source AI chatbot built with Next.js, the AI SDK, and DeepInfra. ### [Vercel x Groq Chatbot](https://vercel.com/templates/next.js/vercel-x-groq-chatbot) An open-source AI chatbot built with Next.js, the AI SDK, and Groq. --- ## Additional documentation The [Vercel Knowledge Base](https://vercel.com/kb) contains guides and answers to common questions about Vercel, including deployment, framework configuration, domains, caching, and troubleshooting.