หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

sveltekit ai chatbot

เทมเพลตแอป AI chatbot โอเพนซอร์ซที่สร้างขึ้นด้วย Sveltekit, Vercel Ai SDK, OpenAi และ Vercel KV

คุณสมบัติ · ผู้ให้บริการรุ่น ·ปรับใช้· การทำงาน ของคุณเอง · ผู้เขียน


นี่คือพอร์ต sveltekit ที่ไม่เป็นทางการ ของ Vercel-Labs/Ai-Chatbot

สนับสนุนการพัฒนา

หากคุณพบว่าเทมเพลตนี้มีประโยชน์โปรดพิจารณาสนับสนุนฉันผ่านการสนับสนุน GitHub หรือ Ko-Fi เพื่อช่วยในการพัฒนา

คุณสมบัติ

  • sveltekit
  • vercel ai sdk สำหรับการสตรีมแชท ui
  • รองรับ OpenAI (ค่าเริ่มต้น) มานุษยวิทยา HuggingFace หรือโมเดลแชท AI ที่กำหนดเองและ/หรือ Langchain
  • Edge Runtime พร้อม
  • Shadcn/Ui และ Shadcn-Svelte
    • จัดแต่งทรงผมด้วย tailwind css
    • Radix Svelte และ Svelte Headless UI สำหรับส่วนประกอบส่วนประกอบที่ไม่มีหัว
    • ไอคอนจากไอคอนฟอสเฟอร์
  • ประวัติการแชทการ จำกัด อัตราและการจัดเก็บเซสชันด้วย Vercel KV (กำลังก่อสร้าง)
  • Auth.js สำหรับการตรวจสอบสิทธิ์

ผู้ให้บริการรุ่น

เทมเพลตนี้จัดส่งด้วย OpenAI gpt-3.5-turbo เป็นค่าเริ่มต้น อย่างไรก็ตามด้วย Vercel AI SDK คุณสามารถสลับผู้ให้บริการ LLM เป็นมานุษยวิทยากอดหรือใช้ Langchain ด้วยรหัสเพียงไม่กี่บรรทัด

ปรับใช้ของคุณเอง

คุณสามารถปรับใช้รุ่นถัดไปของคุณเอง js ai chatbot เป็น vercel ด้วยคลิกเดียว:

การสร้างอินสแตนซ์ฐานข้อมูล KV

ทำตามขั้นตอนที่ระบุไว้ในคู่มือเริ่มต้นอย่างรวดเร็วโดย Vercel คู่มือนี้จะช่วยคุณในการสร้างและกำหนดค่าอินสแตนซ์ฐานข้อมูล KV ของคุณบน Vercel ทำให้แอปพลิเคชันของคุณโต้ตอบกับมัน

อย่าลืมอัปเดตตัวแปรสภาพแวดล้อมของคุณ ( KV_URL , KV_REST_API_URL , KV_REST_API_TOKEN , KV_REST_API_READ_ONLY_TOKEN ) ในไฟล์ .env พร้อมข้อมูลรับรองที่เหมาะสมในระหว่างการตั้งค่าฐานข้อมูล KV

ทำงานในพื้นที่

คุณจะต้องใช้ตัวแปรสภาพแวดล้อมที่กำหนดไว้ใน .env.example เพื่อเรียกใช้ next.js ai chatbot ขอแนะนำให้คุณใช้ตัวแปรสภาพแวดล้อม vercel สำหรับสิ่งนี้ แต่ไฟล์ .env เป็นสิ่งที่จำเป็นทั้งหมด

หมายเหตุ: คุณไม่ควรส่งไฟล์ .env ของคุณหรือจะเปิดเผยความลับที่จะอนุญาตให้ผู้อื่นควบคุมการเข้าถึงบัญชี OpenAI และผู้ให้บริการรับรองความถูกต้องต่างๆของคุณ

  1. ติดตั้ง vercel cli: npm i -g vercel
  2. เชื่อมโยงอินสแตนซ์ท้องถิ่นด้วยบัญชี vercel และ gitHub (สร้าง .vercel directory): vercel link
  3. ดาวน์โหลดตัวแปรสภาพแวดล้อมของคุณ: vercel env pull 
npm install

npm run dev
# or start the server and open the app in a new browser tab
npm run dev -- --open

เทมเพลตแอปของคุณควรทำงานบน LocalHost: 5173

ผู้เขียน

เทมเพลตนี้ขึ้นอยู่กับรุ่นถัดไป JS โดยมีส่วนร่วมจาก:

  • Jian Yuan Lee (@jyuan)
ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด