A feature-rich, highly customizable AI Web App Template, empowered by Next.js
AI Fusion Kit
A feature-rich, highly customizable AI Web App Template, empowered by Next.js.
Screenshots
Demo
Authors
Main stacks
- Typescript
- ReactJS
- NextJS
- Supabase
- Open AI API
- Vercel AI SDK
- TailwindCSS
- Shadcn UI
- Next.js AI Chatbot
Installation
-
Clone the repo
git clone https://github.com/toproad1407/ai-fusion-kit
-
Install dependencies
yarn install
-
Setup your supabase schema
create table profiles ( id uuid default uuid_generate_v4() primary key, updated_at timestamp default now(), username text, full_name text, avatar_url text, website text ); create table apps ( id uuid default uuid_generate_v4() primary key, name text not null, description text, createdAt timestamp default now(), updatedAt timestamp default now(), slug text not null, logoUrl text ); create table chats ( id uuid default uuid_generate_v4() primary key, name text, createdAt timestamp default now(), updatedAt timestamp default now(), profileId uuid references profiles (id), appId uuid references apps (id), settings json ); create table messages ( id uuid default uuid_generate_v4() primary key, role public.message_role, content text, createdAt timestamp default now(), updatedAt timestamp default now(), profileId uuid references profiles (id), chatId uuid references chats (id) );
-
Create a new .env file based on the example defined in
.env.example
.
Note: You should not commit your
.env
file or it will expose secrets that will allow others to control access to your various OpenAI and authentication provider accounts.
Run Locally
- Go to the project directory
cd ai-fusion-kit
- Start the web app
yarn dev