Add a streaming AI chat to your React or Next.js app

Your users expect AI chat to feel like ChatGPT: the answer appears as it's written, they can stop it, and the conversation is still there when they come back. Calling the API straight from the browser exposes your key to anyone who opens the developer tools.

I'll add a proper AI chat to your React or Next.js app:
- A chat component styled to match your app, with streaming replies, a stop button, and formatting for lists and code
- A server route (a Next.js route handler or your Node backend) that holds the API key and talks to OpenAI or Claude
- Conversation history saved per user in your database
- A system prompt plus context from your app, such as the user's account data or your docs
- Rate limits per user and a monthly cost cap
- Clear error states when the provider is slow or down
- Written in TypeScript and tied into your existing login

React, Next.js and TypeScript are part of my main stack, and I built Policy Gateway, an OpenAI-compatible gateway that sits in front of LLM providers with keys, rules and logs. The chat gets the same care with keys and limits.

Before ordering, tell me your stack (Next.js version, App or Pages Router, or another React setup) and how users log in.