If you’re on Next.js, follow the Next.js
guide.
1
Install the SDK
Want our AI to do it for you? Click here
Because of the way Javascript works, you must import the Traceloop SDK before
importing any LLM module like OpenAI.
If you’re using Sentry, make sure to disable their OpenTelemetry configuration
as it overrides OpenLLMetry. When calling
Sentry.init
, pass
skipOpenTelemetrySetup: true
.2
Annotate your workflows

withWorkflow()
function call.We also have compatible Typescript decorators for class methods which are more convenient.If you’re using a supported LLM framework -
we’ll do that for you. No need to add any annotations to your code.
3
Configure trace exporting
Lastly, you’ll need to configure where to export your traces.
The 2 environment variables controlling this are 
Set the copied Traceloop’s API key as an environment variable in your app named
TRACELOOP_API_KEY
and TRACELOOP_BASE_URL
.For Traceloop, read on. For other options, see Exporting.Using Traceloop Cloud
Go to Traceloop, and create a new account. Then, click on Environments on the left-hand navigation bar. Or go to directly to https://app.traceloop.com/settings/api-keys. Click Generate API Key to generate an API key for the development environment and click Copy API Key to copy it over.Make sure to copy it as it won’t be shown again.

TRACELOOP_API_KEY
.Done! You’ll get instant visibility into everything that’s happening with your LLM.
If you’re calling a vector DB, or any other external service or database, you’ll also see it in the Traceloop dashboard.