// src/app/api/ai/[...path]/route.ts
import { createStreamHandler } from "@aibind/nextjs/server";
import { anthropic } from "@ai-sdk/anthropic";

const handler = createStreamHandler({
  model: anthropic("claude-sonnet-4-20250514"),
});

export async function POST(request: Request) {
  return handler(request);
}

2. Stream in a component

"use client";

import { useState } from "react";
import { useStream } from "@aibind/nextjs";

export default function Chat() {
  const [prompt, setPrompt] = useState("");
  const { text, loading, send } = useStream({
    system: "You are a helpful assistant.",
  });

  return (
    <form
      onSubmit={(e) => {
        e.preventDefault();
        send(prompt);
        setPrompt("");
      }}
    >
      <input value={prompt} onChange={(e) => setPrompt(e.target.value)} />
      <button disabled={loading}>Send</button>
      <p>{text}</p>
    </form>
  );
}

Entry Points

Import Path	What You Get
`@aibind/nextjs`	`useStream`, `useStructuredStream`, `defineModels`
`@aibind/nextjs/server`	`createStreamHandler`, `ServerAgent`
`@aibind/nextjs/agent`	`useAgent`
`@aibind/nextjs/history`	`ChatHistory`, `MessageTree`
`@aibind/nextjs/markdown`	`StreamMarkdown`
`@aibind/nextjs/project`	`Project`