https://github.com/md-zainulabdin/bot

A customizable, full-featured AI chatbot built with Next.js, powered by Vercel AI SDK and Google Gemini.
https://github.com/md-zainulabdin/bot

gemini nextjs shadcn-ui vercel

Last synced: 4 months ago
JSON representation

A customizable, full-featured AI chatbot built with Next.js, powered by Vercel AI SDK and Google Gemini.

• Host: GitHub
• URL: https://github.com/md-zainulabdin/bot
• Owner: Md-Zainulabdin
• License: mit
• Created: 2024-12-18T09:22:40.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-12-29T14:09:33.000Z (6 months ago)
• Last Synced: 2025-01-05T07:17:09.968Z (5 months ago)
• Topics: gemini, nextjs, shadcn-ui, vercel
• Language: TypeScript
• Homepage:
• Size: 487 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  

  


  


  
Bot | Modern AI Chatbot






  A full-featured, customizable AI chatbot template powered by the Google Gemini model, built with Next.js, and styled with TailwindCSS and Shadcn UI.





  Features ·

  Model Provider ·

  Deploy Your Own ·

  Running Locally



## Features

- **[Next.js](https://nextjs.org)** for seamless routing and optimized server-side rendering

  - Advanced React Server Components for performance and modular code

- **[Vercel AI SDK](https://sdk.vercel.ai/docs)** for enhanced AI capabilities

  - Unified APIs to integrate the Google Gemini model and other providers

  - Simplified hooks to build dynamic and interactive AI chat features

- **[shadcn/ui](https://ui.shadcn.com)** for a polished UI

  - TailwindCSS integration for custom styling

  - Radix UI component primitives for accessibility

- **React Syntax Highlighter** for code snippet display with syntax highlighting

- **Google Gemini Model** for state-of-the-art AI-driven interactions

## Model Provider

This chatbot is powered by the **Google Gemini model** using the [Vercel AI SDK](https://sdk.vercel.ai/docs). It allows easy customization to switch between models like OpenAI, Anthropic, Cohere, and others with minimal configuration.

## Deploy Your Own

Deploy your own chatbot on Vercel with one click:

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fyour-username%2Fmodern-ai-chatbot&env=API_KEY,MODEL_PROVIDER&envDescription=Add%20your%20Google%20Gemini%20or%20other%20API%20Key%20here.&envLink=https%3A%2F%2Fdocs.your-chatbot-app.com%2Fenv&demo-title=Modern%20AI%20Chatbot&demo-description=A%20customizable%20AI%20chatbot%20template%20powered%20by%20the%20Google%20Gemini%20model%20and%20built%20with%20Next.js%20and%20TailwindCSS.&demo-url=https%3A%2F%2Fyour-chatbot-app.com&stores=[])

## Running Locally

To run the chatbot locally, follow these steps:

1. Clone this repository:

   ```bash

   git clone https://github.com/Md-Zainulabdin/Bot.git

   ```

2. Create a .env ile in the root directory and add the necessary environment variables:

   ```bash

   GOOGLE_GENERATIVE_AI_API_KEY=""

   ```

3. Install dependencies:

   ```bash

   npm install

   ```

4. Start the development server

   ```bash

   npm run dev

   ```

Your chatbot should now be running at localhost:3000.