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

• Clone the repo

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

• Install dependencies

yarn install

• 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 NEXTPUBLICSUPABASE_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

• Get an account from OpenAI and generate your own API key

• 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

• Go to the project directory

cd ai-fusion-kit

• Start the web app

yarn dev

Authors

• @nphivu414
• @toproad1407