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

# MCP App Store Overview

> Connect your app to third-party services like payments, messaging, and more.

<Info>
  Pre - requisites

  * A Tempo Project
  * Service account + API key. Each tool you are trying to connect to will require you to make an account. Instructions for getting your API key to connect to the servece are below
  * Supabase account and project
</Info>

<iframe width="560" height="315" src="https://www.youtube.com/embed/5LSFZB0RJn0?si=-TVx17pS8gTrOrF-" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen />

### Add an Integration (≈ 60 seconds)

1. **Open App Store**\
   In your Tempo project sidebar click **App Store**.
2. **Create to a Supabase Backend**\
   Select **Supabase (Green lightning bolt) → Add** to give your project a persistent database.
3. **Choose a service**\
   Click **Connect** beside any provider (e.g., OpenAI, Stripe, Slack).
4. **Paste the API key**\
   Retrieve the key from the provider’s dashboard\
   *****(usually Settings → Developer → API keys)*****, then press **Save**.
5. **Build**\
   The integration is now available in your canvas and Tempo agent. Your Agent will have knowledge of how the Service you are connecting to works but it is always a good idea to read the "documentation" of the tool you are using.

<Check>
  Tempo automatically stores your API keys securely.
</Check>

Some of our Favourite MCP Apps

<CardGroup cols={3}>
  <Card title="OpenAI" icon="sparkles" href="https://tempolabsinc.mintlify.app/MCP/openai" />

  <Card title="ElevenLabs" icon="sparkles" href="https://tempolabsinc.mintlify.app/MCP/elevenlabs" />

  <Card title="Firecrawl" icon="sparkles" href="https://tempolabsinc.mintlify.app/MCP/Firecrawl" />
</CardGroup>

### Next Steps

1. Connect your first service.
2. Open the service docs for example queries.
3. Combine integrations in the canvas to ship features faster.
4. Start at [Tempo.new](http://Tempo.new)
