# LangChain: Streaming in JavaScript with React.js & Next.js

DevFeed: [LangChain: Streaming in JavaScript with React.js & Next.js](<https://devfeed.tech/articles/langchain-streaming-in-javascript-with-react-js-next-js-18944.md>)

Original publisher: [Read original article](<https://www.robinwieruch.de/langchain-javascript-streaming/>)

Author: Robin Wieruch

Published: 2025-01-21T06:51:46Z

Content type: tutorial

Language: en

Sources: [Robin Wieruch](<https://devfeed.tech/sources/robin-wieruch.md>)

Topics: [LangChain](<https://devfeed.tech/topics/langchain.md>), [Streaming](<https://devfeed.tech/topics/streaming.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [Next.js](<https://devfeed.tech/topics/next-js.md>), [React](<https://devfeed.tech/topics/react.md>), [OpenAI](<https://devfeed.tech/topics/openai.md>), [Chat Bot](<https://devfeed.tech/topics/chatbot.md>), [API](<https://devfeed.tech/topics/api.md>), [Back end](<https://devfeed.tech/topics/backend.md>), [Front end](<https://devfeed.tech/topics/frontend.md>), [ui](<https://devfeed.tech/topics/ui.md>)

Tags: [api](<https://devfeed.tech/tags/api.md>), [backend](<https://devfeed.tech/tags/backend.md>), [data](<https://devfeed.tech/tags/data.md>), [frontend](<https://devfeed.tech/tags/frontend.md>), [github](<https://devfeed.tech/tags/github.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [langchain](<https://devfeed.tech/tags/langchain.md>), [langchain-javascript-streaming](<https://devfeed.tech/tags/langchain-javascript-streaming.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [openai](<https://devfeed.tech/tags/openai.md>), [react](<https://devfeed.tech/tags/react.md>), [real-time](<https://devfeed.tech/tags/real-time.md>), [streaming](<https://devfeed.tech/tags/streaming.md>), [tutorial](<https://devfeed.tech/tags/tutorial.md>), [user-experience](<https://devfeed.tech/tags/user-experience.md>)

## AI overview

A step-by-step tutorial on using LangChain in JavaScript with Next.js and React to stream chatbot responses from a backend API to a frontend. It demonstrates real-time response handling for a chatbot that uses the OpenAI API.

## Source excerpt

How to: Streaming in JavaScript with LangChain. A step by step example on how to stream data in JavaScript with LangChain ...