https://github.com/mendableai/mendable-nextjs-chatbot

Next.js Starter Template for building chatbots with Mendable
https://github.com/mendableai/mendable-nextjs-chatbot

ai chat chat-widget chatbot nextjs shadcn-ui vercel

Last synced: 6 days ago
JSON representation

Next.js Starter Template for building chatbots with Mendable

• Host: GitHub
• URL: https://github.com/mendableai/mendable-nextjs-chatbot
• Owner: mendableai
• Created: 2023-07-12T23:31:40.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-06-17T00:42:59.000Z (7 months ago)
• Last Synced: 2024-12-29T13:17:31.811Z (13 days ago)
• Topics: ai, chat, chat-widget, chatbot, nextjs, shadcn-ui, vercel
• Language: TypeScript
• Homepage: https://mendable.ai
• Size: 559 KB
• Stars: 217
• Watchers: 4
• Forks: 34
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-shadcn-ui - mendable-nextjs-chatbot - Next.js starter template for building chatbots with Mendable. (Boilerplates)
• awesome-shadcn-ui - mendable-nextjs-chatbot - Next.js starter template for building chatbots with Mendable. (Boilerplates)
• jimsghstars - mendableai/mendable-nextjs-chatbot - Next.js Starter Template for building chatbots with Mendable (TypeScript)

README

        
# Mendable Chatbot with Next.js (Starter Template)

This is a sample project to demonstrate how to use Mendable API to build your own custom chatbot interface. Made with [Mendable](https://mendable.ai?ref=nextjs), [Next.js](https://vercel.com/solutions/nextjs), [Vercel AI SDK](https://vercel.com/blog/introducing-the-vercel-ai-sdk) and [shadcn/ui](https://ui.shadcn.com/).

![](/public/readmeHero.png)

## Getting Started

First, create a Mendable account at [https://mendable.ai](https://mendable.ai), ingest your data and grab your API key.

Add your .env file with your Mendable API key:

```bash

MENDABLE_API_KEY=YOUR_MENDABLE_API_KEY

```

Then, install the dependencies:

```bash

npm install

```

Run the development server:

```bash

npm run dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.