Chat

screenshot of Chat
nuxt
vue
drizzle-orm

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

Overview

The Nuxt AI Chatbot Template is a robust and versatile application designed to deliver an impressive chat experience powered by AI. Built with Nuxt UI components, this full-featured solution offers an array of functionalities that cater to various use cases, including user authentication, chat history management, and a responsive design that adapts to both light and dark modes. With seamless integration of AI SDK v5, users can expect a fluid and interactive communication experience.

Whether you're a developer looking to deploy your AI-powered chatbot effortlessly or a business seeking to enhance customer engagement, this template provides the tools needed for quick customization and deployment. Its collaborative features, including a collapsible sidebar and keyboard shortcuts, ensure that navigating the application is intuitive and efficient.

Features

  • Streaming AI Messages: Experience real-time AI responses powered by the efficient AI SDK v5, ensuring a smooth conversation flow.
  • Multiple Model Support: Take advantage of various AI providers through built-in AI Gateway support, allowing for extensive versatility in model selection.
  • User Authentication: Secure your application with authentication capabilities using nuxt-auth-utils, including support for GitHub OAuth.
  • Chat History Persistence: Benefit from chat history stored in an SQLite database, ensuring that users can revisit their conversations anytime.
  • Easy Deployment: Deploy your application to Vercel with a simple setup process—zero configuration required.
  • Blob Storage Options: Utilize multiple file upload storage providers, such as Vercel Blob and Amazon S3, for flexible file management.
  • Customizable Environment: Easily set up your AI provider configurations through a streamlined .env setup, facilitating quick access to various models.
  • Development and Production Support: Start the development server locally or build for production with comprehensive documentation to guide you through the process.
nuxt
Nuxt

nuxt.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

drizzle-orm
Drizzle ORM

Drizzle ORM is a TypeScript ORM for SQL databases designed with maximum type safety in mind. It comes with a drizzle-kit CLI companion for automatic SQL migrations generation. Drizzle ORM is meant to be a library, not a framework. It stays as an opt-in solution all the time at any levels.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.