Next.js AI SDK 集成
bash
npm i ai @ai-sdk/deepseek @ai-sdk/reactAPI 接口
ts
// app/api/chat/route.ts
import { streamText } from 'ai'
export async function POST(req: NextRequest) {
const { messages } = await req.json()
const result = streamText({
model: deepseek('deepseek-chat'),
messages,
})
return result.toDataStreamResponse()
}前端调用
tsx
// app/page.tsx
'use client'
import { useChat } from '@ai-sdk/react'
export default function Chat() {
const { messages, input, handleInputChange, handleSubmit } = useChat()
return (
<div>
{messages.map(m => <div key={m.id}>{m.content}</div>)}
<form onSubmit={handleSubmit}>
<input value={input} onChange={handleInputChange} />
</form>
</div>
)
}你的 AI 面试官项目用的就是这个技术栈,这章不用细看。