You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The AI SDK is a TypeScript toolkit designed to help you build AI-powered applications using popular frameworks like Next.js, React, Svelte, Vue and runtimes like Node.js.
You will then install the model provider of your choice.
npm install @ai-sdk/openai
@/index.ts (Node.js Runtime)
import{generateText}from'ai';import{openai}from'@ai-sdk/openai';// Ensure OPENAI_API_KEY environment variable is setconst{ text }=awaitgenerateText({model: openai('gpt-4o'),system: 'You are a friendly assistant!',prompt: 'Why is the sky blue?',});console.log(text);
AI SDK UI
The AI SDK UI module provides a set of hooks that help you build chatbots and generative user interfaces. These hooks are framework agnostic, so they can be used in Next.js, React, Svelte, and Vue.
You need to install the package for your framework:
npm install @ai-sdk/react
@/app/page.tsx (Next.js App Router)
'use client';import{useChat}from'@ai-sdk/react';exportdefaultfunctionPage(){const{ messages, input, handleSubmit, handleInputChange, status }=useChat();return(<div>{messages.map(message=>(<divkey={message.id}><strong>{`${message.role}: `}</strong>{message.parts.map((part,index)=>{switch(part.type){case'text':
return<spankey={index}>{part.text}</span>;// other cases can handle images, tool calls, etc}})}</div>))}<formonSubmit={handleSubmit}><inputvalue={input}placeholder="Send a message..."onChange={handleInputChange}disabled={status!=='ready'}/></form></div>);}
@/app/api/chat/route.ts (Next.js App Router)
import{streamText}from'ai';import{openai}from'@ai-sdk/openai';exportasyncfunctionPOST(req: Request){const{ messages }=awaitreq.json();constresult=streamText({model: openai('gpt-4o'),system: 'You are a helpful assistant.',
messages,});returnresult.toUIMessageStreamResponse();}
Templates
We've built templates that include AI SDK integrations for different use cases, providers, and frameworks. You can use these templates to get started with your AI-powered application.
Community
The AI SDK community can be found on GitHub Discussions where you can ask questions, voice ideas, and share your projects with other people.
Contributing
Contributions to the AI SDK are welcome and highly appreciated. However, before you jump right into it, we would like you to review our Contribution Guidelines to make sure you have smooth experience contributing to AI SDK.