Ready
Chats
Gaps
Live
Admin dashboard
Create bots, edit settings, upload knowledge, and review activity from one clean workspace.
What you get
Everything needed to run a website chatbot.
The template includes the product pieces a business owner expects: a dashboard, knowledge uploads, an embeddable widget, lead capture, review tools, and safety controls.
Knowledge uploads
Add FAQs, PDFs, text files, or business notes so the chatbot can answer from your content.
Website chatbot
Website widget
Copy one script, place it on your website, and show the chatbot only on approved domains.
Name
Email
Phone
Lead capture
Collect visitor details before chat or after a few free questions, depending on your setup.
Chats35
Forms8
Gaps3
Review pages
See conversations, form submissions, unanswered questions, and blocked messages.
Domain
Limits
Policy
Security controls
Set message limits, approve domains, turn bots off, and block unsafe or abusive requests.
How it works
From repo to live chatbot.
You do not need to explain the AI stack to your client. The simple story is: clone the template, connect the services, add business knowledge, and embed the widget.
1
Clone the template
Start from the repo instead of a blank project.
2
Connect services
Add Supabase, Clerk, OpenAI, and Vercel keys.
3
Create a chatbot
Name it, add a greeting, and choose how visitors start.
4
Upload knowledge
Give the chatbot business information to answer from.
5
Embed and review
Install the widget, then improve it from real conversations.
Tech stack
Built with trusted tools.
These logos are here to make the stack understandable. Each tool has one clear job in the system.
Role
Next.js
Runs the website, dashboard, and API routes.
Role
Supabase
Stores bots, documents, conversations, and searchable knowledge.
Role
Clerk
Handles sign in and admin user accounts.
Role
OpenAI
Generates answers and creates embeddings for search.
Role
Mastra
Runs the chatbot agent and policy guard workflow.
Role
Vercel
Deploys the app and serves the public widget.
Role
Tailwind CSS
Handles styling, spacing, and responsive layouts.
Role
shadcn/ui
Provides reusable UI primitives and dashboard components.
Security and control
You decide where it runs and what it allows.
The chatbot is public once it is embedded on a website, so the backend checks the important rules before the AI is allowed to answer.
Read security docsRequest flow
Before the bot answers
Allowed domain
Bot active
Usage limits
Policy guard
Chatbot answer
- Only approved website domains can load a bot.
- Inactive bots hide the widget and reject traffic.
- Daily visitor limits and message length limits reduce abuse.
- Prompt attacks and free deliverable requests are blocked before the main chatbot answers.
- Private Supabase service keys stay on the server.
Get started
Clone it, follow the README, launch your first bot.
The homepage should not make setup feel bigger than it is. The README is the start-here path, and the docs explain each service one step at a time.
start-here.md
01Clone the GitHub repo.
02Copy `.env.example` and add your service keys.
03Run the Supabase setup SQL.
04Add Clerk redirect URLs.
05Run the app locally and create your first bot.
06Deploy to Vercel when you are ready.
npm install && npm run dev
Keep it simple
Product docs for users. Technical docs for builders.
Business owners can learn what to click. Developers can learn how the system is wired together.