nuxt-ui-templates/chat

Nuxt AI Chatbot Template made with Nuxt UI and Vercel AI SDK.

What it solves

This project provides a ready-to-use application template for building AI chatbots. It eliminates the need to build common chat interface elements—such as authentication, chat history, and file uploads—from scratch, allowing developers to jump straight to the AI integration.

How it works

The template is built using the Nuxt UI framework and integrates with the Vercel AI SDK to handle streaming AI responses. It uses Vercel AI Gateway to provide a unified API for accessing various models (like Claude, Gemini, and GPT) and utilizes a SQLite database via Drizzle ORM for persistent chat history. For file management, it incorporates NuxtHub Blob for drag-and-drop uploads.

Who it’s for

Web developers who want to quickly deploy a professional, full-featured AI chat application using the Nuxt ecosystem.

Highlights

  • Streaming AI responses with support for thinking/reasoning and multiple model providers.
  • Integrated authentication via GitHub OAuth.
  • Persistent chat history using SQLite/Turso.
  • Rich UI rendering for tool calling, including charts and weather data.
  • File upload capabilities with drag-and-drop support.
  • Markdown rendering with streaming code highlighting.

Related

  • Project
    shadcn-ui/chatbot-template

    A minimal chatbot template built with Next.js and the Vercel AI SDK, featuring streaming chat, tool calling, and a polished shadcn/ui interface.

  • Project
    vercel-labs/personal-agent-template

    An open-source template for deploying a personal AI agent with long-term memory and cross-platform access via web chat, Slack, and iMessage.

  • Project
    FranciscoMoretti/chat-js

    A production-ready foundation for AI chat applications that provides built-in authentication, streaming, and unified access to over 120 AI models.

  • Project
    cloudflare/agents-starter

    A starter template for building AI chat agents on Cloudflare, featuring integrated tool-calling, task scheduling, and vision capabilities powered by the Agents SDK.

  • Project
    langchain-ai/langchain-nextjs-template

    A LangChain.js and Next.js starter template that provides a scaffold for building AI apps with streaming chat, structured output, and RAG capabilities.