NextJS LM-Studio Chatbot

A NextJS animated chatbot that runs on local CPU using LM Studio.

Requirements

• Node.js 14+ and npm
• LM Stdio
• NextJS

Getting started

1. Download and install LM Studio, select a model and click "Start Server", for this project I used Mistral 7B Instruct q2_k_gguf because it's really fast on CPU, but any model should work.

2. Clone this repo and run the following command to install the node_modules:

npm install

Run the app

4. Run the development server :

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the app.

structure folder app

├── components                      # Components folder
├── pages                           # Next JS Pages
├── public                          # Public assets folder
├── store                           # Store folder
├── styles                          # Next JS Style
├── README.md                       # README file
├── tailwind.config.js              # Tailwind CSS configuration
├── .env                            # Next JS environment variables

Features

• ⚡ Next.js for Fullstack Framework Javascript
• 🤖 Integrate Chatbot API with OpenAI
• 💎 Integrate Styling with Tailwind CSS
• ⚙️ State Management with Zustand
• 🔦 Animation Chats with AutoAnimate

Screenshoot app

Screenshot