ตัวอย่างนี้สาธิตวิธีใช้ Vercel AI SDK กับ Next.js กับตะขอ useObject
เพื่อสตรีมการสร้างออบเจ็กต์ที่มีโครงสร้างไปยังไคลเอนต์ด้วยผู้ให้บริการ AI ที่คุณเลือก
รัน create-next-app
ด้วย npm, Yarn หรือ pnpm เพื่อบูตสแตรปตัวอย่าง:
npx create-next-app -- ตัวอย่าง https://github.com/vercel-labs/ai-sdk-preview-use-object ai-sdk-preview-use-object-example
เส้นด้ายสร้างแอปถัดไป -- ตัวอย่าง https://github.com/vercel-labs/ai-sdk-preview-use-object ai-sdk-preview-use-object-example
pnpm สร้างแอปถัดไป -- ตัวอย่าง https://github.com/vercel-labs/ai-sdk-preview-use-object ai-sdk-preview-use-object-example
หากต้องการรันตัวอย่างในเครื่อง คุณต้อง:
ลงทะเบียนบัญชีกับผู้ให้บริการ AI ที่คุณต้องการใช้ (เช่น OpenAI, Anthropic)
รับคีย์ API สำหรับผู้ให้บริการแต่ละราย
ตั้งค่าตัวแปรสภาพแวดล้อมที่ต้องการตามที่แสดงในไฟล์ .env.example
แต่ในไฟล์ใหม่ที่เรียกว่า .env
npm install
เพื่อติดตั้งการขึ้นต่อกันที่จำเป็น
npm run dev
เพื่อเปิดเซิร์ฟเวอร์การพัฒนา
หากต้องการเรียนรู้เพิ่มเติมเกี่ยวกับ Vercel AI SDK หรือ Next.js โปรดดูแหล่งข้อมูลต่อไปนี้:
เอกสาร Vercel AI SDK
สนามเด็กเล่น Vercel AI
เอกสาร Next.js - เรียนรู้เกี่ยวกับคุณสมบัติและ API ของ Next.js