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

# Get started with ngrok

> ngrok makes it easy to put your apps, APIs, and services online.

export const YouTubeEmbed = ({className, title, videoId, ...props}) => {
  return <div className={`relative aspect-video mb-3 ${className}`} {...props}>
      <iframe src={`https://www.youtube.com/embed/${videoId}`} allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen className="absolute inset-0 w-full h-full" title={title} />
    </div>;
};

ngrok is developer infrastructure that routes and secures traffic to your apps, APIs, and AI models.
We give you ways to manage connectivity between all of the tools and platforms you use to put your services online, no matter where they're deployed or what network they're on.

<YouTubeEmbed videoId="trXqyNXJa1k" title="Here is how teams are using ngrok in ways you might not expect." />

## Problems we solve

<Columns cols={2}>
  <Card title="Share localhost" href="/docs/guides/share-localhost/overview" icon="terminal">
    Put your local app on a public URL in seconds with the ngrok CLI.
  </Card>

  <Card title="API Gateway" href="/docs/gateway/api-gateway/get-started" icon="globe">
    Deliver and secure your production APIs with Traffic Policy.
  </Card>

  <Card title="AI Gateway" href="/docs/ai-gateway/" icon="robot">
    Route, secure, and transform traffic to any AI model.
  </Card>

  <Card title="Device Gateway" href="/docs/gateway/device-gateway/overview" icon="microchip">
    Control IoT devices in the field with secure remote access.
  </Card>

  <Card title="Site-to-Site Connectivity" href="/docs/gateway/site-to-site-connectivity" icon="arrows-left-right">
    Connect to APIs and databases in customer networks.
  </Card>

  <Card title="Kubernetes Ingress" href="/docs/k8s/" icon="dharmachakra">
    Use the ngrok Operator for ingress to apps in any K8s cluster.
  </Card>
</Columns>

## You may also need to

<Columns cols={3}>
  <Card title="Handle webhooks" href="/docs/gateway/examples/webhook-gateway" />

  <Card title="Secure preview URLs" href="/docs/gateway/examples/ephemeral-workloads" />

  <Card title="SSH and RDP" href="/docs/gateway/ssh-rdp" />

  <Card title="Access remote K8s" href="/docs/k8s/guides/local-projection" />

  <Card title="Connect MCP servers" href="/docs/using-ngrok-with/using-mcp" />

  <Card title="Replay HTTP requests" href="/docs/obs/traffic-inspection#replay" />
</Columns>

## Start building  <Icon icon="screwdriver-wrench" size={24} />

<Columns cols={1}>
  <Card icon="map-location" href="/docs/gateway/examples/" title="Gateway Examples">
    Explore our example gallery to learn how to use ngrok as a gateway for your API, database, webhooks, and more, all protecting your services from malicious actors.
  </Card>

  <Card href="/docs/traffic-policy/examples/" icon="diamond-turn-right" title="Traffic Policy Examples">
    Use our Traffic Policy examples to get started routing, authenticating, filtering, and modifying headers on requests to your ngrok endpoints.
  </Card>

  <Card icon="book" href="/docs/guides/" title="Guides">
    Follow our guides on using ngrok for site-to-site connectivity, setting up gaming servers like Minecraft, managing ingress to IoT devices, and more.
  </Card>
</Columns>

## Use ngrok with popular tools  <Icon icon="" size={24} />

<Columns cols={2}>
  <Card icon="node" href="/docs/agent-sdks/" title="SDKs">
    Create and manage ngrok endpoints programmatically in your Python, Go, Node, or Rust applications using an Agent SDK.
  </Card>

  <Card icon="cubes" href="/docs/integrations/" title="Integrations">
    Use ngrok with your favorite enterprise-grade auth, webhook, and observability services like Okta SSO, Microsoft Entra ID, Datadog, and more.
  </Card>
</Columns>

## Learn about pricing <Icon icon="dollar-sign" size={24} />

<Card href="/docs/pricing-limits/">
  See how ngrok's pricing breaks down based on usage for each account plan.  <Icon icon="arrow-right" size={16} />
</Card>
