gemini chatbot

next.js gemini chatbot

เทมเพลต AI chatbot โอเพนซอร์ซที่สร้างขึ้นด้วย next.js และ AI SDK โดย Vercel

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

คุณสมบัติ

• Next.js App Router
  • การกำหนดเส้นทางขั้นสูงสำหรับการนำทางและประสิทธิภาพที่ราบรื่น
  • React Server Components (RSCs) และการกระทำของเซิร์ฟเวอร์สำหรับการเรนเดอร์ฝั่งเซิร์ฟเวอร์และประสิทธิภาพที่เพิ่มขึ้น
• ai sdk
  • Unified API สำหรับการสร้างข้อความวัตถุที่มีโครงสร้างและการเรียกใช้เครื่องมือด้วย LLMS
  • hooks สำหรับการสร้างแชทแบบไดนามิกและส่วนต่อประสานผู้ใช้กำเนิด
  • รองรับ Google (ค่าเริ่มต้น), openai, anthropic, cohere และผู้ให้บริการรุ่นอื่น ๆ
• Shadcn/ui
  • จัดแต่งทรงผมด้วย tailwind css
  • ส่วนประกอบดั้งเดิมจาก Radix UI เพื่อการเข้าถึงและความยืดหยุ่น
• การคงอยู่ของข้อมูล
  • Vercel Postgres ขับเคลื่อนโดยนีออนเพื่อบันทึกประวัติการแชทและข้อมูลผู้ใช้
  • vercel blob สำหรับการจัดเก็บวัตถุที่มีประสิทธิภาพ
• nextauth.js
  • การรับรองความถูกต้องที่เรียบง่ายและปลอดภัย

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

เทมเพลตนี้จัดส่งด้วยรุ่น Google Gemini gemini-1.5-pro ​​เป็นค่าเริ่มต้น อย่างไรก็ตามด้วย AI SDK คุณสามารถสลับผู้ให้บริการ LLM เป็น OpenAI, มานุษยวิทยา, Cohere และอีกมากมายด้วยรหัสเพียงไม่กี่บรรทัด

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

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

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

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

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

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

pnpm install
pnpm dev

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