> ## Documentation Index
> Fetch the complete documentation index at: https://docs.langtrace.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# How to Guides

>  Collection of guides to help you get started with Langtrace.

## Languages

<CardGroup cols={2}>
  <Card title="Python SDK" icon="python" href="/sdk/python_sdk">
    Integrate with your Python project
  </Card>

  <Card title="Typescript SDK" icon="node-js" href="/sdk/typescript_sdk">
    Integrate with your Typescript project
  </Card>
</CardGroup>

## Tracing features

<CardGroup cols={3}>
  <Card title="Generate API Key" icon="code" href="/quickstart">
    Generate an API key for Langtrace Cloud
  </Card>

  <Card title="Annotate & Measure" icon="chart-line" href="/features/annotations">
    How to annotate traces and measure performance
  </Card>

  <Card title="Run Evaluations" icon="flask-vial" href="/features/evaluations">
    How to run evaluations on annotated datasets
  </Card>

  <Card title="Compare Evaluations" icon="code-compare" href="/features/compare-evaluations">
    How to compare evaluations run on different models
  </Card>

  <Card title="Attach User ID to Traces" icon="circle-plus" href="/tracing/attach_user_id">
    How to attach user IDs to traces
  </Card>

  <Card title="Attach Prompt IDs and Versions to Traces" icon="circle-plus" href="/tracing/attach_prompt_id">
    How to attach prompt IDs and versions to traces
  </Card>

  <Card title="Pass User Feedback" icon="thumbs-up" href="/tracing/trace_user_feedback">
    How to pass user feedback to Langtrace
  </Card>

  <Card title="Add Additional Attributes to Traces" icon="circle-plus" href="/tracing/additional_attributes">
    How to add additional attributes to traces
  </Card>

  <Card title="Set Custom Span Names" icon="layer-group" href="/tracing/custom_span_naming">
    How to set custom names to traces
  </Card>

  <Card title="Group Related Operations" icon="layer-group" href="/tracing/group_traces">
    How to group related operations
  </Card>

  <Card title="Filter by Session ID" icon="layer-group" href="/tracing/filter_by_session_id">
    How to filter traces by session ID
  </Card>

  <Card title="Disable Tracing For Functions" icon="ban" href="/tracing/disable_function_tracing">
    How to disable tracing for functions
  </Card>

  <Card title="Disable Tracing Specific Vendors" icon="timeline" href="/tracing/disable_vendor_instrumentation">
    How to disable tracing for specific vendors
  </Card>

  <Card title="Send OpenAI Chat Completion Traces" icon="message-bot" href="/tracing/openai/chat-completion">
    How to send and monitor OpenAI chat completion traces
  </Card>

  <Card title="How to Send Traces" icon="code" href="/tracing/send_traces">
    How to send traces
  </Card>

  <Card title="Manage & Version Prompts" icon="robot" href="/features/manage_prompts">
    How to manage and version prompts
  </Card>

  <Card title="Model Playground" icon="play" href="/features/playground">
    How to use the model playground, import prompts and conversations.
  </Card>
</CardGroup>

## LLM Foundation Models

Integrate Langtrace with leading foundation models to power your AI applications:

<CardGroup cols={3}>
  <Card title="OpenAI" icon="circle-half-stroke" href="/supported-integrations/llm-tools/openai">
    How to setup and trace OpenAI models
  </Card>

  <Card title="Anthropic" icon="robot" href="/supported-integrations/llm-tools/anthropic">
    Setup and tracing for Anthropic's Claude models
  </Card>

  <Card title="Azure OpenAI" icon="microsoft" href="/supported-integrations/llm-tools/azure-openai">
    Integrate with Azure-hosted OpenAI models
  </Card>

  <Card title="Cohere" icon="c" href="/supported-integrations/llm-tools/cohere">
    Implement and trace Cohere's language models
  </Card>

  <Card title="Groq" icon="bolt" href="/supported-integrations/llm-tools/groq">
    Harness Groq's high-speed inference engine
  </Card>

  <Card title="Ollama" icon="laptop-code" href="/supported-integrations/llm-tools/ollama">
    Run and trace open-source models locally with Ollama
  </Card>

  <Card title="Perplexity" icon="brain" href="/supported-integrations/llm-tools/perplexity">
    Leverage Perplexity AI's advanced language models
  </Card>

  <Card title="xAI" icon="x" href="/supported-integrations/llm-tools/xai">
    Leverage xAI's advanced language models
  </Card>
</CardGroup>

## LLM Frameworks

Integrate Langtrace with powerful LLM frameworks to build sophisticated AI-powered applications.

<Accordion title="Supported LLM Frameworks">
  <CardGroup cols={2}>
    <Card title="LlamaIndex" icon="database" href="/supported-integrations/llm-frameworks/llamaindex">
      Data framework for LLM-based applications
    </Card>

    <Card title="LangChain" icon="link-simple" href="/supported-integrations/llm-frameworks/langchain">
      Framework for developing applications powered by language models
    </Card>

    <Card title="CrewAI" icon="users-gear" href="/supported-integrations/llm-frameworks/crewai">
      Framework for orchestrating role-playing AI agents
    </Card>

    <Card title="DSPy" icon="wand-magic-sparkles" href="/supported-integrations/llm-frameworks/dspy">
      Programming framework for solving AI tasks without prompting
    </Card>

    <Card title="Vercel AI SDK" icon="triangle" href="/supported-integrations/llm-frameworks/vercelaisdk">
      React hooks for building AI-powered user interfaces
    </Card>
  </CardGroup>
</Accordion>

## Vector DBs

Integrate Langtrace with popular vector stores for efficient tracing and debugging of similarity search and retrieval.

<Accordion title="Supported Vector Databases">
  <CardGroup cols={2}>
    <Card title="ChromaDB" icon="database" href="/supported-integrations/vector-stores/chromadb">
      Open-source embedding database for AI applications
    </Card>

    <Card title="Pinecone" icon="magnifying-glass-chart" href="/supported-integrations/vector-stores/pinecone">
      Managed vector database for real-time AI applications
    </Card>

    <Card title="Qdrant" icon="atom" href="/supported-integrations/vector-stores/qdrant">
      Vector database with extended filtering support
    </Card>

    <Card title="Weaviate" icon="wave-square" href="/supported-integrations/vector-stores/weaviate">
      Cloud-native vector database with multi-modal capabilities
    </Card>
  </CardGroup>
</Accordion>

## Web Frameworks

Integrate Langtrace with popular web frameworks to add AI capabilities to your web applications:

<Accordion title="Supported Web Frameworks">
  <CardGroup cols={2}>
    <Card href="/supported-integrations/web-frameworks/nextjs">
      <img className="block h-8 w-8 dark:hidden" src="https://mintcdn.com/langtraceai-2/m7BVnnhK3Cx2yRxS/images/nextjs-icon-light.svg?fit=max&auto=format&n=m7BVnnhK3Cx2yRxS&q=85&s=9f336b4b89a902a13e84567398d03b4c" width="800" height="800" data-path="images/nextjs-icon-light.svg" />

      <img className="hidden h-8 w-8 dark:block" src="https://mintcdn.com/langtraceai-2/m7BVnnhK3Cx2yRxS/images/nextjs-icon.svg?fit=max&auto=format&n=m7BVnnhK3Cx2yRxS&q=85&s=6acc9f28aaed3689bfdfdab1e4a59df7" width="800" height="800" data-path="images/nextjs-icon.svg" />

      **NextJS**<br />
      React framework for production-grade applications
    </Card>

    <Card href="/supported-integrations/web-frameworks/fastapi">
      <img className="block h-8 w-8 dark:hidden" src="https://mintcdn.com/langtraceai-2/hZpPXosaHdgAfpXF/images/fastapi-icon-light.svg?fit=max&auto=format&n=hZpPXosaHdgAfpXF&q=85&s=806cb813a5cab9de9c06aa17d98a1206" width="2500" height="2500" data-path="images/fastapi-icon-light.svg" />

      <img className="hidden h-8 w-8 dark:block" src="https://mintcdn.com/langtraceai-2/hZpPXosaHdgAfpXF/images/fastapi-icon.svg?fit=max&auto=format&n=hZpPXosaHdgAfpXF&q=85&s=494040490d3b381e98f8c1f60f02f995" width="2500" height="2500" data-path="images/fastapi-icon.svg" />

      **FastAPI**<br />
      Modern, fast web framework for building APIs with Python
    </Card>

    <Card href="/supported-integrations/web-frameworks/django">
      <img className="block h-8 w-8 dark:hidden" src="https://mintcdn.com/langtraceai-2/hZpPXosaHdgAfpXF/images/django-icon-light.svg?fit=max&auto=format&n=hZpPXosaHdgAfpXF&q=85&s=62b9319d05e745164078602f355385c0" width="256" height="326" data-path="images/django-icon-light.svg" />

      <img className="hidden h-8 w-8 dark:block" src="https://mintcdn.com/langtraceai-2/hZpPXosaHdgAfpXF/images/django-icon.svg?fit=max&auto=format&n=hZpPXosaHdgAfpXF&q=85&s=998db057ff5397b34b20aeb1c8f6049e" width="256" height="326" data-path="images/django-icon.svg" />

      **Django**<br />
      High-level Python web framework that encourages rapid development
    </Card>

    <Card href="/supported-integrations/web-frameworks/flask">
      <img className="block h-8 w-8 dark:hidden" src="https://mintcdn.com/langtraceai-2/hZpPXosaHdgAfpXF/images/flask-icon-light.svg?fit=max&auto=format&n=hZpPXosaHdgAfpXF&q=85&s=4148f1c03a713c0ab37a8d8e91892305" width="800" height="800" data-path="images/flask-icon-light.svg" />

      <img className="hidden h-8 w-8 dark:block" src="https://mintcdn.com/langtraceai-2/m7BVnnhK3Cx2yRxS/images/flask-icon.svg?fit=max&auto=format&n=m7BVnnhK3Cx2yRxS&q=85&s=96eba14f02e97d1e0259f61695211812" width="800" height="800" data-path="images/flask-icon.svg" />

      **Flask**<br />
      Lightweight WSGI web application framework in Python
    </Card>
  </CardGroup>
</Accordion>

## Observabililty Tools

Integrate Langtrace with powerful observability platforms to gain insights, monitor performance, and troubleshoot issues.

<Accordion title="Observablity Backend Tools">
  <CardGroup cols={2}>
    <Card title="Elastic" icon="elephant" href="/supported-integrations/observability-tools/elastic">
      Unified platform for search, logging, and observability
    </Card>

    <Card title="Grafana" icon="chart-line" href="/supported-integrations/observability-tools/grafana">
      Open-source analytics and interactive visualization platform
    </Card>

    <Card title="New Relic" icon="glasses" href="/supported-integrations/observability-tools/newrelic">
      Full-stack observability platform for cloud-native applications
    </Card>

    <Card title="SigNoz" icon="signal-stream" href="/supported-integrations/observability-tools/signoz">
      Open-source APM and observability tool
    </Card>

    <Card title="Honeycomb" icon="hexagon" href="/supported-integrations/observability-tools/honeycomb">
      Observability tool for debugging complex systems
    </Card>
  </CardGroup>
</Accordion>

## Self-hosting

Refer to the [self-hosting section](/hosting/overview) to learn how to deploy Langtrace on your own infrastructure.
