Dieses Beispiel zeigt, wie Sie das Vercel AI SDK mit Next.js mit dem useObject
Hook verwenden, um die Generierung strukturierter Objekte mit dem KI-Anbieter Ihrer Wahl an den Client zu streamen.
Führen Sie create-next-app
mit npm, Yarn oder pnpm aus, um das Beispiel zu booten:
npx create-next-app --example https://github.com/vercel-labs/ai-sdk-preview-use-object ai-sdk-preview-use-object-example
Garn erstellt die nächste App --example https://github.com/vercel-labs/ai-sdk-preview-use-object ai-sdk-preview-use-object-example
pnpm create next-app --example https://github.com/vercel-labs/ai-sdk-preview-use-object ai-sdk-preview-use-object-example
Um das Beispiel lokal auszuführen, müssen Sie Folgendes tun:
Eröffnen Sie Konten bei den KI-Anbietern, die Sie verwenden möchten (z. B. OpenAI, Anthropic).
Erhalten Sie API-Schlüssel für jeden Anbieter.
Legen Sie die erforderlichen Umgebungsvariablen wie in der Datei .env.example
gezeigt fest, jedoch in einer neuen Datei mit dem Namen .env
.
npm install
um die erforderlichen Abhängigkeiten zu installieren.
npm run dev
um den Entwicklungsserver zu starten.
Um mehr über Vercel AI SDK oder Next.js zu erfahren, werfen Sie einen Blick auf die folgenden Ressourcen:
Vercel AI SDK-Dokumente
Vercel KI-Spielplatz
Next.js-Dokumentation – Erfahren Sie mehr über die Funktionen und die API von Next.js.