A production-ready AI chatbot starter with Next.js 15, Vercel AI SDK v5, Supabase & OpenAI. Clone, add your keys, and deploy in under 30 minutes. What's included: → Streaming AI chat (gpt-4o-mini) → Full Supabase Auth + persistent chat history → Drag & drop image uploads → Usage limits & paywall → 3D animated robot UI with Three.js → Mobile-first Tailwind v4 design → Complete SETUP.md guide Perfect for fast AI product launches. Stack: Next.js 15 · Supabase · OpenAI · TypeScript
No reviews yetBe the first to leave a review for AI Chatbot Starter Kit
Maker
📌
Hey Product Hunt! 👋
I built this AI Chatbot Starter so you don't have to spend weeks setting up auth, database, streaming, and a nice UI from scratch.
It comes with a cool 3D animated robot that makes the whole experience feel premium.
Would love your feedback!
Report
how does the paywall handle users who hit the usage limit mid-conversation, do they get cut off or get a graceful response from the bot?
When a user hits the monthly limit (5 free messages), they don’t get cut off mid-response.
The backend checks the limit before calling OpenAI. If the limit is reached, it returns a clean LIMIT_REACHED response.
On the frontend:
The user sees a friendly paywall modal explaining they’ve used 5/5 messages
The input field shows “Limit reached (5/5) — resets on [date]”
Their last message and conversation history are preserved
They can still read previous messages and are gently encouraged to upgrade for unlimited access.
The message is fully customizable in the code.
Report
The Three.js robot is a fun touch that elevates this beyond a typical boilerplate, and bundling the paywall logic with persistent history shows real thought for shipping an actual product instead of just a demo.
Report
Maker
@karenmoone81429 Thank you Karen! Really appreciate the kind words 🙏
Report
The 3D animated robot UI with Three.js is such a nice touch, makes the whole thing feel more alive than the usual boring chat widget. Also appreciate that the SETUP.md is actually detailed instead of a five-line README.
how does the paywall handle users who hit the usage limit mid-conversation, do they get cut off or get a graceful response from the bot?
@bekir39345 Excellent question!
When a user hits the monthly limit (5 free messages), they don’t get cut off mid-response.
The backend checks the limit before calling OpenAI. If the limit is reached, it returns a clean LIMIT_REACHED response.
On the frontend:
The user sees a friendly paywall modal explaining they’ve used 5/5 messages
The input field shows “Limit reached (5/5) — resets on [date]”
Their last message and conversation history are preserved
They can still read previous messages and are gently encouraged to upgrade for unlimited access.
The message is fully customizable in the code.
The Three.js robot is a fun touch that elevates this beyond a typical boilerplate, and bundling the paywall logic with persistent history shows real thought for shipping an actual product instead of just a demo.
@karenmoone81429 Thank you Karen! Really appreciate the kind words 🙏
The 3D animated robot UI with Three.js is such a nice touch, makes the whole thing feel more alive than the usual boring chat widget. Also appreciate that the SETUP.md is actually detailed instead of a five-line README.
@nehir240588 Hey, thank you! 🙏
Really glad you like the 3D robot — I wanted it to feel more alive than the usual boring chat boxes.
And yeah, I put extra effort into the SETUP.md so it’s actually useful.
Appreciate it!