nextjs-chatbot
Advanced patterns for production Next.js web chatbots built with AI SDK 7 (with a fallback table for projects still on v6) + ai-elements. Covers tool calling with human-in-the-loop (HITL) approval, PostgreSQL session persistence, GDPR consent gating, SQL-first search, per-tool UI rendering, popup widget embedding, message feedback, follow-up suggestions, scope enforcement, streaming error handling, and evals. Use when building a customer support bot, conversational interface, or any web chatbot needing tool approval, database sessions, or custom tool output components. Not a scaffolding tool — use /ai-app to scaffold from scratch, /ai-sdk-7 for general SDK questions, /ai-elements for chat UI components, /vercel:chat-sdk for multi-platform (Slack/Teams/Discord) bots.
Pinned to revision 0b7b5c0607dc, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/nextjs-chatbot/SKILL.md
- skills/nextjs-chatbot/checklist.md
- skills/nextjs-chatbot/hitl.md
- skills/nextjs-chatbot/persistence.md
- skills/nextjs-chatbot/popup-widget.md
- skills/nextjs-chatbot/search.md
- skills/nextjs-chatbot/suggestions.md
- skills/nextjs-chatbot/testing.md
- skills/nextjs-chatbot/tool-rendering.md
- skills/nextjs-chatbot/web-search.md
Every link opens the file at its source, pinned to the revision this page describes.