---
sidebar_label: 'with LangChain LangServe'
title: 'Get Started With NLUX And LangChain LangServe'
---

import {PlatformSelector} from '@site/src/components/PlatformSelector/PlatformSelector';
import {PlatformSection} from '@site/src/components/PlatformSection/PlatformSection';

import ReactJs from './_002-nlux-with-langchain/#react.mdx';
import JavaScript from './_002-nlux-with-langchain/#js.mdx';

import InstallReactJs from './_002-nlux-with-langchain/react-js/001-install.mdx';
import InstallJavaScript from './_002-nlux-with-langchain/javascript/001-install.mdx';

import ImportReactJs from './_002-nlux-with-langchain/react-js/002-import.mdx';
import ImportJavaScript from './_002-nlux-with-langchain/javascript/002-import.mdx';

import CreateAdapterReactJs from './_002-nlux-with-langchain/react-js/003-create-adapter.mdx';
import CreateAdapterJavaScript from './_002-nlux-with-langchain/javascript/003-create-adapter.mdx';

import CreateCompReactJs from './_002-nlux-with-langchain/react-js/004-create-comp.mdx';
import CreateCompJavaScript from './_002-nlux-with-langchain/javascript/004-create-comp.mdx';

import StyleReactJs from './_002-nlux-with-langchain/react-js/005-style.mdx';
import StyleJavaScript from './_002-nlux-with-langchain/javascript/005-style.mdx';

import RunReactJs from './_002-nlux-with-langchain/react-js/006-run.mdx';
import RunJavaScript from './_002-nlux-with-langchain/javascript/006-run.mdx';

# Get Started ― NLUX And LangChain LangServe

[LangChain](https://www.langchain.com/) is popular framework for building services and backends powered by LLMs.
It offers a library called [LangServe](https://www.langchain.com/langserve) that exposes a REST API for interfacing
with LLMs.

This guide shows you how to get started with _NLUX_ and conversational AI APIs from LangServe.

---

_NLUX_ is available as a React JS component and hooks, or as a JavaScript library.<br />
The features are identical for both platforms.
Use the version that best suits your needs.

<PlatformSelector reactJs={ReactJs} javascript={JavaScript}/>

---

## 1. Install NLUX Packages

<PlatformSection reactJs={InstallReactJs} javascript={InstallJavaScript}/>

---

## 2. Import Component And Hook

<PlatformSection reactJs={ImportReactJs} javascript={ImportJavaScript}/>

---

## 3. Create LangServe Adapter

<PlatformSection reactJs={CreateAdapterReactJs} javascript={CreateAdapterJavaScript}/>

---

## 4. Create Chat Component

<PlatformSection reactJs={CreateCompReactJs} javascript={CreateCompJavaScript}/>

---

## 5. Add CSS Styles

<PlatformSection reactJs={StyleReactJs} javascript={StyleJavaScript}/>

---

## 6. Run Your App

<PlatformSection reactJs={RunReactJs} javascript={RunJavaScript}/>
