Hono

You can use the AI SDK in a Hono server to generate and stream text and objects to the client.

Examples

The examples start a simple HTTP server that listens on port 8080. You can e.g. test it using curl:

curl -X POST http://localhost:8080

The examples use the OpenAI gpt-4o model. Ensure that the OpenAI API key is set in the OPENAI_API_KEY environment variable.

Full example: github.com/vercel/ai/examples/hono

Data Stream

You can use the toDataStream method to get a data stream from the result and then pipe it to the response.

index.ts
import { openai } from '@ai-sdk/openai';
import { serve } from '@hono/node-server';
import { streamText } from 'ai';
import { Hono } from 'hono';
import { stream } from 'hono/streaming';
const app = new Hono();
app.post('/', async c =>
stream(c, async stream => {
const result = await streamText({
model: openai('gpt-4o'),
prompt: 'Invent a new holiday and describe its traditions.',
});
// Mark the response as a v1 data stream:
c.header('X-Vercel-AI-Data-Stream', 'v1');
c.header('Content-Type', 'text/plain; charset=utf-8');
await stream.pipe(result.toDataStream());
}),
);
serve({ fetch: app.fetch, port: 8080 });

Data Stream With Stream Data

toDataStream can be used with StreamData to send additional data to the client.

index.ts
import { openai } from '@ai-sdk/openai';
import { serve } from '@hono/node-server';
import { StreamData, streamText } from 'ai';
import { Hono } from 'hono';
import { stream } from 'hono/streaming';
const app = new Hono();
app.post('/', async c =>
stream(c, async stream => {
// use stream data (optional):
const data = new StreamData();
data.append('initialized call');
const result = await streamText({
model: openai('gpt-4o'),
prompt: 'Invent a new holiday and describe its traditions.',
onFinish() {
data.append('call completed');
data.close();
},
});
// Mark the response as a v1 data stream:
c.header('X-Vercel-AI-Data-Stream', 'v1');
c.header('Content-Type', 'text/plain; charset=utf-8');
await stream.pipe(result.toDataStream({ data }));
}),
);
serve({ fetch: app.fetch, port: 8080 });

Text Stream

You can use the textStream property to get a text stream from the result and then pipe it to the response.

index.ts
import { openai } from '@ai-sdk/openai';
import { serve } from '@hono/node-server';
import { streamText } from 'ai';
import { Hono } from 'hono';
import { stream } from 'hono/streaming';
const app = new Hono();
app.post('/', async c =>
stream(c, async stream => {
const result = await streamText({
model: openai('gpt-4o'),
prompt: 'Invent a new holiday and describe its traditions.',
});
c.header('Content-Type', 'text/plain; charset=utf-8');
await stream.pipe(result.textStream);
}),
);
serve({ fetch: app.fetch, port: 8080 });