S3RD Chat

A real-time AI chatbot built with Next.js 15 that supports multiple AI providers including OpenAI, Anthropic, Google, and DeepSeek. Features user authentication, persistent chat history, and a modern responsive interface.

Features

• Multiple AI providers (OpenAI GPT, Claude, Gemini, DeepSeek)
• Real-time message streaming
• User authentication with Clerk
• Persistent chat history in PostgreSQL
• Dark/light theme support
• Responsive design for all devices
• Chat management (create, rename, delete)
• AI model selection with capabilities

Tech Stack

• Next.js 15 with App Router
• React 19 & TypeScript
• MobX for state management
• PostgreSQL with Prisma
• Clerk for authentication
• Vercel AI SDK
• Tailwind CSS with shadcn/ui

Getting Started

Prerequisites

• Node.js 18+
• PostgreSQL database
• AI provider API key (OpenAI, Anthropic, Google, or DeepSeek)

Installation

git clone https://github.com/your-username/s3rd-chat.git
cd s3rd-chat
npm install

Environment Setup

Create a .env.local file:

# Database
DATABASE_URL="your_postgresql_url"
DIRECT_URL="your_postgresql_direct_url"

# Authentication
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY="your_clerk_publishable_key"
CLERK_SECRET_KEY="your_clerk_secret_key"

# AI Providers (at least one required)
OPENAI_API_KEY="your_openai_key"
ANTHROPIC_API_KEY="your_anthropic_key"
GOOGLE_GENERATIVE_AI_API_KEY="your_google_key"
DEEPSEEK_API_KEY="your_deepseek_key"

Database Setup

npx prisma generate
npx prisma db push

Run Development Server

npm run dev

Open http://localhost:3000 in your browser.

Screenshots