AIer

Aier

Aier ist eine Webanwendung, mit der Sie AI -Avatare mit Ihren Freunden erstellen und teilen können. Es ist mit Next.js, Supabase und Openai gebaut.

Demo

https://aier.app/

Screenshots

1. Schreiben Sie Memo und trainieren Sie ai avatar

2. Chatten Sie mit AI Avatar

Memo

2023-06-05: Ich habe beschlossen, Next.js Page-Router und clientseitige Daten zu verwenden, um diese App zu erstellen.

Wenn Sie Next.js App Router und serverseitige Daten abrufen möchten, ist die Pull-Anfrage willkommen.

Merkmale

• Erstellen Sie AI -Avatare
• Trainieren Sie AI -Avatare mit Ihren eigenen Daten, wie Ihren Tweets, Ihren Blog -Posts, Ihren Notizen usw.
• Teilen Sie AI -Avatare
• Chatten Sie mit AI -Avataren, die mit den Daten der echten Menschen ausgebildet sind

Entwicklung

1. Abhängigkeiten installieren

npm install

2. Setup Env Vars

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

3. laufen

npm run dev

Einbettung

1. Ändern Sie Env Vars

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

2. Laden Sie Datensätze von Aier-Data herunter

3. laufen

npm run embed:t

Generieren Sie Typen aus Ihrer Supabase -Datenbank

1. Supabase CLI installieren

npm install supabase --save-dev

2. Verbindung zu Supabase herstellen

npx supabase login

3. Geben Sie Ihr Zugangstoken ein. Sie können ein Zugriffstoken von https://app.supabase.com/account/tokens generieren
4. Typen erzeugen

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

synchronisieren Vercel Env Vars

1. Installieren Sie Vercel CLI

npm i -g vercel

1. Synchronisation Vars

vercel login
vercel link

vercel env pull .env.local

Selbsthosting

Mit Vercel bereitstellen

Klicken Sie, um zu starten, auf die Schaltfläche "Mit Vercel bereitstellen" unten.

Sobald das Projekt bereitgestellt wurde, fahren Sie mit den folgenden Konfigurationsschritten fort.

Der anfängliche Build schlägt aufgrund fehlender Stripe -Umgebungsvariablen fehl. Nach dem Konfigurieren von Stripe die Anwendung neu anwenden.

Supabase Auth

Setzen

Damit sich auth-Umleitungen (magische Links, OAuth-Anbieter) in Vorschau korrekt arbeiten, navigieren Sie zu den Auth https://**vercel.app/*/* Einstellungen (dh https://app.supabase.com/project/:project-id/auth/url-configuration ) und addieren Sie die folgenden Wildcard-Urls.

Sie können mehr über die Umleitung von Wildcard -Mustern in den Dokumenten lesen.

[Optional] - Einrichten von OAuth -Anbietern

Sie können Login-Anbieter von Drittanbietern wie GitHub oder Google verwenden. In den Dokumenten finden Sie, wie Sie diese konfigurieren. Nach der Konfiguration können Sie sie dem provider der Auth -Komponente auf der Seite signin.tsx hinzufügen.