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

Vercel x Groq Chatbot

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

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+Groq+Chatbot&repository-name=ai-sdk-starter-groq&repository-url=https%3A%2F%2Fgithub.com%2Fvercel-labs%2Fai-sdk-starter-groq&demo-title=Vercel+x+Groq+Chatbot&demo-url=https%3A%2F%2Fai-sdk-starter-groq.labs.vercel.dev%2F&demo-description=A+simple+chatbot+application+built+with+Next.js+that+uses+Groq+via+the+AI+SDK+and+the+Vercel+Marketplace&products=%5B%7B%22type%22%3A%22integration%22%2C%22protocol%22%3A%22ai%22%2C%22productSlug%22%3A%22api-key%22%2C%22integrationSlug%22%3A%22groq%22%7D%5D) ## 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 ### [Dynamic Model Usage with AI SDK](https://vercel.com/templates/next.js/ai-sdk-feature-flags-edge-config) A chatbot that allows you to dynamically set the LLM using Vercel AI SDK with Feature Flags and Edge Config ### [Chatbot](https://vercel.com/templates/next.js/chatbot) A full-featured, hackable Next.js AI chatbot built by Vercel --- ## 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.