https://github.com/tharun007-tk/nextjs-ai-chatbot-codedex

🚀 Liza AI Chatbot – A smart, interactive chatbot built with Next.js and OpenAI's API. Features a sleek UI, real-time responses, and seamless integration with serverless functions
https://github.com/tharun007-tk/nextjs-ai-chatbot-codedex

ai chatbot next openai vercel

Last synced: 5 months ago
JSON representation

🚀 Liza AI Chatbot – A smart, interactive chatbot built with Next.js and OpenAI's API. Features a sleek UI, real-time responses, and seamless integration with serverless functions

• Host: GitHub
• URL: https://github.com/tharun007-tk/nextjs-ai-chatbot-codedex
• Owner: Tharun007-TK
• License: other
• Created: 2025-06-13T04:35:57.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-06-13T08:39:33.000Z (about 1 year ago)
• Last Synced: 2025-06-13T09:26:35.685Z (about 1 year ago)
• Topics: ai, chatbot, next, openai, vercel
• Language: TypeScript
• Homepage: https://nextjs-ai-chatbot-codedex.vercel.app
• Size: 727 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          


  

  
Liza AI Chatbot






  Liza is a conversational AI chatbot built using Next.js 14, Tailwind CSS, and OpenAI. Designed to offer fast, intelligent responses in a sleek chat interface, it's perfect for both learning and showcasing AI capabilities in the browser.





  🌐 Live Demo ·

  ⚙️ Features ·

  🛠 Tech Stack ·

  📦 Running Locally ·

  🖼 Screenshots



---

## 📌 Features

- Conversational AI using OpenAI GPT

- Fast, reactive frontend with **Next.js App Router**

- **Tailwind CSS** and **shadcn/ui** for clean styling and layout

- Uses **Vercel AI SDK** for a unified chat API

- Typing indicators, smooth UX, and real-time feel

- Easily swappable model providers (OpenAI, xAI, Cohere, etc.)

- Deploy with one click via Vercel

---

## 🛠 Tech Stack

- [Next.js 14](https://nextjs.org/)

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

- [Tailwind CSS](https://tailwindcss.com)

- [shadcn/ui](https://ui.shadcn.com)

- [OpenAI](https://platform.openai.com)

- [Vercel Blob](https://vercel.com/storage/blob) (Optional file handling)

- [Neon DB](https://vercel.com/marketplace/neon) (Optional data persistence)

---

## 📸 Screenshots

| Chat Interface |

|----------------|

| ![Liza Chat Screenshot](public/images/Chatbot-Ui.png) |

| Typing Indicator |

|------------------|

| ![Typing](public/images/simple.gif) |

---

## 🚀 Deploy Your Own

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/Tharun007-TK/nextjs-ai-chatbot-codedex)

---

## 📦 Running Locally

Clone the repo and run:

```bash

git clone https://github.com/Tharun007-TK/liza-ai-chatbot

cd liza-ai-chatbot

pnpm install

pnpm dev

```

> Make sure to configure your `.env` file with the required OpenAI API key and any other necessary credentials. Refer to `.env.example`.

Then visit: [http://localhost:3000](http://localhost:3000)

---

## 🙋‍♂️ Author

Built by [Tharun Kumar](https://github.com/Tharun007-TK)  

Feel free to ⭐ the repo and contribute!

---