Contoh ini menunjukkan cara menggunakan Vercel AI SDK dengan Next.js dengan kait useObject
untuk mengalirkan pembuatan objek terstruktur ke klien dengan penyedia AI pilihan Anda.
Jalankan create-next-app
dengan npm, Yarn, atau pnpm untuk mem-bootstrap contoh:
npx buat-aplikasi-berikutnya --contoh https://github.com/vercel-labs/ai-sdk-preview-use-object ai-sdk-preview-use-object-example
benang buat aplikasi berikutnya --example https://github.com/vercel-labs/ai-sdk-preview-use-object ai-sdk-preview-use-object-example
pnpm buat aplikasi berikutnya --example https://github.com/vercel-labs/ai-sdk-preview-use-object ai-sdk-preview-use-object-example
Untuk menjalankan contoh secara lokal, Anda perlu:
Daftar akun dengan penyedia AI yang ingin Anda gunakan (misalnya OpenAI, Anthropic).
Dapatkan kunci API untuk setiap penyedia.
Tetapkan variabel lingkungan yang diperlukan seperti yang ditunjukkan pada file .env.example
, tetapi dalam file baru bernama .env
.
npm install
untuk menginstal dependensi yang diperlukan.
npm run dev
untuk meluncurkan server pengembangan.
Untuk mempelajari lebih lanjut tentang Vercel AI SDK atau Next.js, lihat sumber daya berikut:
Dokumen Vercel AI SDK
Taman Bermain Vercel AI
Dokumentasi Next.js - pelajari tentang fitur dan API Next.js.