Skip to content

Next.js AI SDK 集成

bash
npm i ai @ai-sdk/deepseek @ai-sdk/react

API 接口

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 面试官项目用的就是这个技术栈,这章不用细看。