Node
Node

How to stream OpenAI responses to browser in real-time?

December 5, 2025

Server-Sent Events stream tokens as they generate without buffering. AbortController cancels long generations cleanly. TypeScript types for OpenAI response format. Memory-efficient for mobile browsers.

Example:-

Code

app.get('/chat-stream', async ({ query: { prompt } }, res) => {
  res.set('Content-Type', 'text/event-stream');
  const stream = await openai.chat.completions.create({
    model: 'gpt-4o-mini',
    messages: [{ role: 'user', content: prompt }],
    stream: true
  });
  for await (const chunk of stream) {
    res.write(`data: ${JSON.stringify(chunk)}\n\n`);
  }
});
      
Hire Now!

Need Help with Node Development ?

Ready to leverage the power of conversational AI? Start your project with Zignuts expert AI developers.
bg-image
download-image
Company Deck
PDF, 3MB
© 2026 Zignuts Technolab. All Rights Reserved.
branch imagesbranch imagesbranch imagesbranch imagesbranch imagesbranch images