AI Fusion Kit

A feature-rich, highly customizable AI Web App Template, empowered by Next.js.

Screenshots

Demo

• AI Fusion Kit

Authors

• @nphivu414
• @toproad1407

Main stacks

• Typescript
• ReactJS
• NextJS
• Supabase
• Open AI API
• Vercel AI SDK
• TailwindCSS
• Shadcn UI
• Next.js AI Chatbot

Installation

1. Clone the repo

   git clone https://github.com/toproad1407/ai-fusion-kit

2. Install dependencies

   yarn install

3. 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)
    );

4. 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

1. Go to the project directory

  cd ai-fusion-kit

2. Start the web app

  yarn dev

GitHub

View Github