AIer

アイアー

Aierは、AIアバターを友達と作成して共有できるWebアプリケーションです。 next.js、Supabase、Openaiで構築されています。

デモ

https://aier.app/

スクリーンショット

1. メモを書き、AIアバターをトレーニングします

2. AIアバターとチャットします

メモ

2023-06-05：next.jsページルーターとクライアント側のデータフェッチを使用してこのアプリを構築することにしました。

next.jsアプリのルーターとサーバー側のデータフェッチを使用する場合は、リクエストを歓迎します。

特徴

• AIアバターを作成します
• ツイート、ブログの投稿、メモなど、独自のデータを使用してAIアバターを訓練します。
• AIアバターを共有します
• 実際の人々のデータで訓練されているAIアバターとチャット

発達

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

npm install

2. env varsをセットアップします

cp .env-vercel.local.example .env.local
# modify env vars

3. 走る

npm run dev

埋め込み

1. env varsを変更します

cp .env-emb.local.example .env.local
# modify env vars

2. Aier-Dataからデータセットをダウンロードします

3. 走る

npm run embed:t

Supabaseデータベースからタイプを生成します

1. Supabase CLIをインストールします

npm install supabase --save-dev

2. Supabaseに接続します

npx supabase login

3. アクセストークンを入力してください。 https://app.supabase.com/account/tokensからアクセストークンを生成できます
4. タイプを生成します

npx supabase gen types typescript --project-id [YOUR-PROJECT-REF] --schema public > types_db.ts

同期vercel env vars

1. VercelCLIをインストールします

npm i -g vercel

1. varsを同期します

vercel login
vercel link

vercel env pull .env.local

セルフホスティング

Vercelで展開します

開始するには、下の[Vercelで展開]ボタンをクリックします。

プロジェクトが展開されたら、以下の構成手順を続けてください。

ストライプ環境変数が欠落しているため、初期ビルドは故障します。 Stripeを構成した後、アプリケーションを再配置します。

Supabase Authを構成します

デプロイプレビュー用のセットアップワイルドカードをリダイレクトします

AUTHリダイレクト（Magic Links、OAuthプロバイダー）がプレビューで正しく動作し、認証設定（つまりhttps://app.supabase.com/project/:project-id/auth/url-configuration ）に移動し、次のWildCard url https://**vercel.app/*/*追加して、redirect URLを追加します。

ドキュメントのリダイレクトワイルドカードパターンの詳細を読むことができます。

[オプション] - OAUTHプロバイダーをセットアップします

GithubやGoogleなどのサードパーティのログインプロバイダーを使用できます。これらを構成する方法を学ぶには、ドキュメントを参照してください。構成したら、 signin.tsxページのAuthコンポーネントのprovider配列にそれらを追加できます。