An intelligent, responsive chatbot powered by Next.js and the Groq API. Experience the future of conversational AI with sleek design and powerful features.
- 💬 Real-time chat interface
- 🎨 Syntax highlighting for code snippets
- 📋 Easy copy functionality for messages and code
- 🚀 Blazing fast responses powered by Groq API
- 📱 Fully responsive design
- 🌓 Light/Dark mode toggle (coming soon)
Experience the chatbot in action: Live Demo
-
Clone the repository:
git clone https://github.com/Aliabdo6/nextjs-chatbot.git cd nextjs-chatbot -
Install dependencies:
npm install -
Create a
.envfile in the root directory and add your Groq API key:GROQ_API_KEY=your_api_key_here -
Run the development server:
npm run dev -
Open http://localhost:3000 in your browser to see the result.
- Next.js - React framework for production
- Tailwind CSS - Utility-first CSS framework
- Groq SDK - SDK for Groq API integration
- React Syntax Highlighter - Syntax highlighting for code snippets
- React Icons - Popular icons for React projects
Contributions, issues, and feature requests are welcome! Feel free to check issues page.
This project is MIT licensed.
Ali Abdo
- GitHub: @Aliabdo6
Ready to build your own AI-powered chatbot? Clone this repo and start coding! If you love this project, don't forget to give it a star ⭐️