AI Fusion Kit

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

Tech stacks · Installation · Run Locally · Authors

Tech stacks

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

Installation

1. Clone the repo

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

2. Install dependencies

   yarn install

3. Setup Supabase local development

   • Install Docker
   • The start command uses Docker to start the Supabase services. This command may take a while to run if this is the first time using the CLI.

     supabase start

   • Once all of the Supabase services are running, you'll see output containing your local Supabase credentials. It should look like this, with urls and keys that you'll use in your local project:

     Started supabase local development setup.
   
             API URL: http://localhost:54321
               DB URL: postgresql://postgres:postgres@localhost:54322/postgres
           Studio URL: http://localhost:54323
         Inbucket URL: http://localhost:54324
             anon key: eyJh......
     service_role key: eyJh......

   • The API URL will be used as the NEXT_PUBLIC_SUPABASE_URL in .env.local
   • For more information about how to use Supabase on your local development machine: https://supabase.com/docs/guides/cli/local-development

4. Get an account from OpenAI and generate your own API key

5. Rename .env.example to .env.local and populate with your values

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

Authors

• @nphivu414
• @toproad1407