Announcing the AI Chatbot plugin for the Makerkit SaaS Starter kits

We are excited to announce the release of the AI Chatbot plugin for the Makerkit SaaS Starter kits. This plugin allows you to add a chatbot to your SaaS Starter kit in minutes.

2 min read
Cover Image for Announcing the AI Chatbot plugin for the Makerkit SaaS Starter kits

Yesterday, I announced the release of Plugins for the Makerkit SaaS Starter kits.

Today, I am excited to announce the release of the AI Chatbot plugin for the Makerkit SaaS Starter kits. This plugin allows you to add an AI Chatbot to your SaaS Starter kit in minutes! 馃帀

At the time of writing, the AI Chatbot plugin is available for the Next.js and Remix Supabase kits.

The plugin will be available for the Firebase kits in the coming months due to the need of storing the vector embeddings in a separate database, which requires more work.

What is the AI Chatbot plugin?

The AI Chatbot plugin is a plugin for the Makerkit SaaS Starter kits that can easily index your content and provide a customer support chatbot for your SaaS project. The content is indexed as vector embeddings using OpenAI, which means that the chatbot can understand the context of the question and provide the best answer.

How does it work?

You can install the plugin using the Makerkit CLI, which at the time of writing is in alpha and being quietly tested by a few users.

Once you have installed the plugin, you can run the following command to index your content:

npx tsx plugins/chatbot/cli generate

The CLI will prompt you to choose what to index. At the time of writing you have two choices:

  1. Index your src/content/docs folder where you can store your documentation.
  2. Index your plugins/chatbox/questions folder where you can store pre-defined questions and answers for your chatbot.

After indexing your content, you can import the Chatbot component from the plugin and add it to your page.

import dynamic from 'next/dynamic'; const ChatBot = dynamic(() => import('~/plugins/chatbot/components/ChatBot')); function Layout({children}: PropsWithChildren) { return ( <> <ChatBot /> {children} </> ); }

Add it to the layout you want to show the chatbot on and you are done! 馃帀

For example, to add the Chatbot to the (site)layout, you will place it within the (site)/layout.tsx file.

When will it be available?

The AI Chatbot is now available for testing for the Next.js Supabase kits. The plugin will be available for the other kits in the coming months.

Demo

Check out the demo of the AI Chatbot plugin in action below:

Loading video...

As you can see, when the chatbot is not confident about the answer, it will ask the user to contact support. This is a great way to ensure that your users are getting the best support possible.


Read more about Changelog

Cover Image for Announcing the Analytics Package for Makerkit

Announcing the Analytics Package for Makerkit

5 min read
We're excited to announce the launch of the Analytics Package for Makerkit, enabling you to track user interactions and monitor your users behavior.
Cover Image for Introducing the Roadmap Plugin: Track and Share Your Project's Progress

Introducing the Roadmap Plugin: Track and Share Your Project's Progress

3 min read
The Roadmap Plugin allows you to create a roadmap for your project and display it on your website. Your users can see what features are planned, in progress, and completed and suggest new features or comment on existing ones.
Cover Image for Introducing Marketing Components: Crafting Stunning Landing Pages with Ease

Introducing Marketing Components: Crafting Stunning Landing Pages with Ease

5 min read
We're excited to announce the release of Marketing Components, a collection of reusable UI components for marketing websites and landing pages.
Cover Image for Introducing the Testimonial Plugin for Makerkit

Introducing the Testimonial Plugin for Makerkit

4 min read
Introducing a new plugin to add testimonials to your app with ease
Cover Image for Creating a Delightful Onboarding Experience with Multi-Step Forms

Creating a Delightful Onboarding Experience with Multi-Step Forms

10 min read
In this post, we'll show you how to create a delightful onboarding experience using the Multi-Step Form Component for Makerkit.
Cover Image for Introducing the Multi-Step Form Component for Makerkit

Introducing the Multi-Step Form Component for Makerkit

3 min read
We're excited to announce the release of the Multi-Step Form Component for Makerkit. This component allows you to create multi-step forms with ease.