AIer

เครื่องดื่ม

AIER เป็นเว็บแอปพลิเคชันที่ช่วยให้คุณสร้างและแบ่งปัน AI Avatars กับเพื่อนของคุณ มันถูกสร้างขึ้นด้วย next.js, supabase และ openai

การสาธิต

https://aier.app/

ภาพหน้าจอ

1. เขียนบันทึกและฝึก AI Avatar

2. แชทกับ AI Avatar

บันทึก

2023-06-05: ฉันได้ตัดสินใจใช้เราเตอร์หน้าหน้าและข้อมูลด้านไคลเอนต์เพื่อสร้างแอพนี้ฉันจะไม่อัพเกรดเราเตอร์แอป Next.js ด้วยตัวเอง

หากคุณต้องการใช้เราเตอร์แอป Next.js และการดึงข้อมูลฝั่งเซิร์ฟเวอร์ยินดีต้อนรับการร้องขอการดึงยินดีต้อนรับ

คุณสมบัติ

• สร้าง AI Avatars
• ฝึก AI Avatars ด้วยข้อมูลของคุณเองเช่นทวีตของคุณโพสต์บล็อกของคุณบันทึกย่อของคุณ ฯลฯ
• แบ่งปัน AI Avatars
• แชทกับ AI Avatars ที่ได้รับการฝึกฝนเกี่ยวกับข้อมูลของคนจริง

การพัฒนา

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. ติดตั้ง vercel cli

npm i -g vercel

1. ซิงค์ env vars

vercel login
vercel link

vercel env pull .env.local

โฮสติ้งตัวเอง

ปรับใช้กับ vercel

หากต้องการเริ่มต้นให้คลิกปุ่ม "ปรับใช้กับ Vercel" ด้านล่าง

เมื่อโครงการปรับใช้ให้ดำเนินการต่อด้วยขั้นตอนการกำหนดค่าด้านล่าง

การสร้างเริ่มต้นจะล้มเหลวเนื่องจากตัวแปรสภาพแวดล้อมแถบที่หายไป หลังจากกำหนดค่าแถบแล้วให้ใช้แอปพลิเคชันใหม่อีกครั้ง

กำหนดค่า supabase auth

การตั้งค่าการเปลี่ยนเส้นทางไวด์การ์ดสำหรับการปรับใช้ตัวอย่าง

สำหรับการเปลี่ยนเส้นทาง https://**vercel.app/*/* รับรองความถูกต้อง (ลิงก์เวทมนตร์ผู้ให้บริการ OAuth) ทำงานอย่างถูกต้องในการปรับใช้ตัวอย่างนำทางไปยังการตั้งค่าการรับรองความถูกต้อง (เช่น https://app.supabase.com/project/:project-id/auth/url-configuration )

คุณสามารถอ่านเพิ่มเติมเกี่ยวกับรูปแบบการเปลี่ยนเส้นทางไวด์การ์ดในเอกสาร

[ไม่บังคับ] - ตั้งค่าผู้ให้บริการ OAuth

คุณสามารถใช้ผู้ให้บริการเข้าสู่ระบบของบุคคลที่สามเช่น GitHub หรือ Google อ้างถึงเอกสารเพื่อเรียนรู้วิธีกำหนดค่าเหล่านี้ เมื่อกำหนดค่าแล้วคุณสามารถเพิ่มลงในอาร์เรย์ของ provider ของส่วนประกอบ Auth ในหน้า signin.tsx