ai fusion kit

AI Fusion Kit

next.jsが権限を与えられた機能が豊富で高度にカスタマイズ可能なAI Webアプリテンプレート

技術スタック・インストール・ローカルに実行・著者

技術スタック

• タイプスクリプト
• Reactjs
• Nextjs
• サパバーズ
• AI APIを開きます
• Vercel AI SDK
• Tailwindcss
• shadcn ui
• Aceternity UI
• next.js aiチャットボット

インストール

1. レポをクローンします

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

2. 依存関係をインストールします

   yarn install

3. Supabaseローカル開発のセットアップ

   • Dockerをインストールします
   • StartコマンドはDockerを使用してSupabaseサービスを開始します。このコマンドは、CLIを使用したのが初めてである場合に実行に時間がかかる場合があります。

     supabase start

   • すべてのSupabaseサービスが実行されると、地元のSupabase資格情報を含む出力が表示されます。地元のプロジェクトで使用するURLとキーを使用して、次のようになります。

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

   • API URLは、 NEXT_PUBLIC_SUPABASE_URL in .env.localとして使用されます
   • お近くの開発マシンでSupabaseを使用する方法の詳細について

4. OpenAIからアカウントを取得し、独自のAPIキーを生成します

5. .env.exampleに.env.localに変更し、値に登録します

注： .envファイルをコミットしないでください。または、他の人がさまざまなOpenAIおよび認証プロバイダーアカウントへのアクセスを制御できるようにする秘密を公開します。

ローカルで実行します

1. プロジェクトディレクトリに移動します

  cd ai-fusion-kit

2. Webアプリを開始します

  yarn dev

著者

• @nphivu414
• @toproad1407