ChatBot is an advanced AI-powered chatbot built with Next.js and TypeScript, leveraging the Vercel SDK for AI integration and Google's Gemini for semantic understanding. The chatbot is designed to provide intelligent, real-time conversations while ensuring seamless user experience with Tailwind CSS for modern design.
- 🤖 AI-Powered Conversations: Real-time, intelligent chat responses using the Vercel SDK integrated with Google's Gemini AI.
- 🔍 Contextual Understanding: Powered by Gemini for deep semantic analysis and context-aware conversations.
- 💬 User-Friendly Interface: Sleek, responsive, and customizable design built with Tailwind CSS.
- 🔒 Secure Authentication: JWT-based authentication for secure communication and user management.
| Technology | Description | Image/Icon |
|---|---|---|
| Next.js | A React framework for building fast and scalable web applications. |  |
| TypeScript | A strongly-typed superset of JavaScript for better tooling and error handling. |  |
| Vercel SDK | A platform for serverless deployment and AI integration, powering real-time responses. |  |
| Gemini | Google's advanced AI model for semantic analysis and conversation context. |  |
| Tailwind CSS | A utility-first CSS framework for building custom designs rapidly. |  |
| JWT | JSON Web Token for secure, token-based authentication in the application. |  |
Follow these steps to run the project locally:
-
Clone the repository:
git clone https://github.com/yourusername/chatbot-nextjs
-
Navigate to the project directory:
cd chatbot-nextjs -
Install the required dependencies:
npm install # or yarn install -
Set up environment variables for Vercel SDK and Gemini:
- Create a
.env.localfile in the root directory. - Add your Vercel SDK and Gemini API keys:
GOOGLE_GENERATIVE_AI_API_KEY=your_vercel_sdk_api_key IA=your_gemini_api_key
- Create a
-
Run the application locally:
npm run dev # or yarn dev
Once the project is set up, you can start interacting with the chatbot directly through the user interface. It will leverage the Vercel SDK for AI conversations and Gemini for advanced context understanding.