diff --git a/docs/docs/guides/langfuse_integration.mdx b/docs/docs/guides/langfuse_integration.mdx new file mode 100644 index 000000000..db23bbdcb --- /dev/null +++ b/docs/docs/guides/langfuse_integration.mdx @@ -0,0 +1,35 @@ +import ThemedImage from "@theme/ThemedImage"; +import useBaseUrl from "@docusaurus/useBaseUrl"; +import ZoomableImage from "/src/theme/ZoomableImage.js"; +import ReactPlayer from "react-player"; + +# Integrating Langfuse with Langflow + +## Step-by-Step Instructions + +### Step 1: Create a Langfuse account + +1. Go to [https://langfuse.com](https://langfuse.com) and click on the "Sign In" button in the top right corner. +2. Click on the "Sign Up" button and create an account. +3. Click on "Settings" and then on "Create new API keys" +4. Copy the Public key and the Secret Key and save them somewhere safe. + {/* Add env variables LANGFLOW_LANGFUSE_SECRET_KEY, LANGFLOW_LANGFUSE_PUBLIC_KEY and LANGFLOW_LANGFUSE_HOST to pass to CallbackHandler */} + +### Step 2: Set up Langfuse in Langflow + +1. Export the environment variables LANGFLOW_LANGFUSE_SECRET_KEY, LANGFLOW_LANGFUSE_PUBLIC_KEY with the values from step 1. + +You can do this by executing the following commands in your terminal: + +```bash +export LANGFLOW_LANGFUSE_SECRET_KEY= +export LANGFLOW_LANGFUSE_PUBLIC_KEY= +``` + +or by running the Langflow CLI command: + +```bash +LANGFLOW_LANGFUSE_SECRET_KEY= LANGFLOW_LANGFUSE_PUBLIC_KEY= langflow +``` + +That's it! Now, whenever you use Langflow's chat feature, you will be able to see the tracing of your conversations in Langfuse.