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

# Overview

> Connect 26+ third-party services to your Rocket.new apps with a single prompt - payments, CRM, databases, AI, email, and more. Part of the only vibe solutioning platform with research, building, and intelligence.

export const LlmsDirective = () => <blockquote className="llms-directive">
    For the complete documentation index, see <a href="/llms.txt">llms.txt</a>.
    For a lightweight markdown version of this page, append .md to the URL.
  </blockquote>;

<LlmsDirective />

<Info>
  Rocket integrates with 25+ services out of the box. Connect once via API key or OAuth, then tell Rocket what you want to build. It generates the code, UI, and logic automatically.
</Info>

<Info>
  Some connectors only work in **Next.js TypeScript** tasks. Each connector's page notes any task-type requirements at the top.
</Info>

<Note>
  Connectors can be either **task-level** or **workspace-level**:

  * **Task-level** connectors (e.g. Supabase, Stripe, AdSense, HubSpot) are connected per task. Each task stores its own credentials independently.
  * **Workspace-level** connectors (e.g. Typeform, GitHub, Google) connect once from workspace Settings and are shared across all tasks in your workspace.
</Note>

## How it works

<Steps>
  <Step title="Open Connectors">
    Open **Connectors** and select the service you want.
  </Step>

  <Step title="Authenticate">
    Paste your API key or authorize via OAuth.
  </Step>

  <Step title="Describe your feature">
    Describe what you want to build in chat.
  </Step>

  <Step title="Review generated code">
    Rocket generates the complete feature: UI, backend logic, API calls, and error handling.
  </Step>
</Steps>

<Note>
  Your API keys are encrypted at rest and never exposed in your code. To disconnect any integration, open the **`...`** menu in the preview toolbar, select **Connectors**, and click the connector you want to remove.
</Note>

## How to open

In the preview toolbar, click the **`...`** button and select **Connectors** from the dropdown.

You can also ask in chat:

```plaintext wrap theme={null}
Connect Stripe to my project.
```

<Divider />

## What should I use?

Not sure which integrations you need? Pick what you are building.

<CardGroup cols={2}>
  <Card title="SaaS product" icon="credit-card">
    **Recommended stack:** Supabase + Stripe + Resend + Netlify

    User auth, subscription billing, transactional email, and one-click deployment.
  </Card>

  <Card title="E-commerce store" icon="store">
    **Recommended stack:** Supabase + Stripe + SendGrid + Google Analytics

    Product catalog, payments, order confirmation emails, and conversion tracking.
  </Card>

  <Card title="AI-powered app" icon="robot">
    **Recommended stack:** OpenAI or Anthropic + Supabase + Stripe

    Chat and content generation, conversation storage, and usage monetization.
  </Card>

  <Card title="Blog or content site" icon="newspaper">
    **Recommended stack:** Strapi or Directus + Netlify + Google Analytics

    Headless CMS, fast global deployment, and readership tracking.
  </Card>

  <Card title="Booking or scheduling app" icon="calendar">
    **Recommended stack:** Calendly + Supabase + Twilio or Resend

    Scheduling, user accounts, and booking confirmation notifications.
  </Card>

  <Card title="Lead generation site" icon="magnet">
    **Recommended stack:** Typeform or Tally + Mailchimp or Brevo + Airtable + Google Analytics

    Lead capture forms, email nurture sequences, lightweight CRM, and funnel analytics.
  </Card>
</CardGroup>

<Divider />

## Browse by category

Click any connector to see the setup guide and example prompts.

### Payments and ads

<CardGroup cols={2}>
  <Card title="Stripe" icon="credit-card" horizontal href="./stripe">
    Accept one-time payments, subscriptions, and donations. Test with Stripe's sandbox before going live.
  </Card>

  <Card title="Razorpay" icon="bolt" horizontal href="./razorpay">
    Accept payments, manage orders, process refunds, and handle subscriptions. India's leading payment gateway.
  </Card>

  <Card title="AdSense" icon="money-bill" horizontal href="./adsense">
    Monetize your app or website with Google display ads.
  </Card>
</CardGroup>

### Email and messaging

<CardGroup cols={2}>
  <Card title="Resend" icon="envelope" horizontal href="./resend">
    Developer-first email API. Great for transactional emails like receipts, password resets, and notifications.
  </Card>

  <Card title="SendGrid" icon="envelope-open-text" horizontal href="./sendgrid">
    High-volume email delivery for transactional and marketing emails at scale.
  </Card>

  <Card title="Brevo" icon="bolt" horizontal href="./brevo">
    All-in-one email marketing and transactional email platform (formerly Sendinblue).
  </Card>

  <Card title="MailerLite" icon="paper-plane" horizontal href="./mailerlite">
    Email marketing, newsletters, and subscriber automation with a simple interface.
  </Card>

  <Card title="Mailchimp" icon="envelopes-bulk" horizontal href="./mailchimp">
    Email campaigns, audience management, and marketing automation.
  </Card>

  <Card title="Twilio" icon="comments" horizontal href="./twilio">
    Send SMS messages for verifications, alerts, and notifications.
  </Card>
</CardGroup>

<Card title="Compare email services" icon="scale-balanced" href="./email-and-messaging">
  Not sure which one to pick? See the comparison table with pricing, strengths, and recommendations.
</Card>

### AI and machine learning

<CardGroup cols={2}>
  <Card title="OpenAI" icon="robot" horizontal href="./openai">
    Add GPT-powered chat, content generation, summarization, and text analysis.
  </Card>

  <Card title="Anthropic" icon="brain" horizontal href="./anthropic">
    Use Claude for safe, nuanced AI responses and long-form content generation.
  </Card>

  <Card title="Gemini" icon="stars" horizontal href="./gemini">
    Google's multimodal AI for text, chat, and image understanding.
  </Card>

  <Card title="Perplexity" icon="sparkles" horizontal href="./perplexity">
    AI-powered search with cited, fact-based answers from the web.
  </Card>
</CardGroup>

<Card title="Compare AI models" icon="scale-balanced" href="./ai-models">
  Which AI model is right for your app? See the comparison with strengths, pricing, and use cases.
</Card>

### Databases and CMS

<CardGroup cols={2}>
  <Card title="Supabase" icon="database" horizontal href="./supabase">
    Instant backend with PostgreSQL database, user authentication, file storage, and edge functions.
  </Card>

  <Card title="Airtable" icon="table-cells" horizontal href="./airtable">
    Spreadsheet-meets-database for managing leads, content, inventory, and internal workflows.
  </Card>

  <Card title="Strapi" icon="server" horizontal href="./strapi">
    Open-source headless CMS with a visual admin panel for content management.
  </Card>

  <Card title="Directus" icon="cubes" horizontal href="./directus">
    Open-source headless CMS that wraps any SQL database with an instant REST and GraphQL API.
  </Card>

  <Card title="Webflow" icon="webflow" horizontal href="./webflow">
    Use Webflow CMS collections and site content as a live data source for your app.
  </Card>
</CardGroup>

<Card title="Compare databases and CMS options" icon="scale-balanced" href="./databases-and-cms">
  Supabase vs Airtable vs Strapi vs Directus: which one fits your project?
</Card>

### Analytics and tracking

<CardGroup cols={2}>
  <Card title="Google Analytics" icon="chart-line" horizontal href="./google-analytics">
    Track page views, user journeys, conversions, and traffic sources with GA4.
  </Card>

  <Card title="Mixpanel" icon="chart-mixed" horizontal href="./mixpanel">
    Event-based analytics for tracking user behavior, feature adoption, and conversion funnels.
  </Card>
</CardGroup>

<Card title="Compare analytics tools" icon="scale-balanced" href="./analytics-guide">
  Google Analytics vs Mixpanel: which one fits your needs?
</Card>

### Forms and scheduling

<CardGroup cols={2}>
  <Card title="Typeform" icon="square-check" horizontal href="./typeform">
    Conversational forms for lead capture, surveys, quizzes, and feedback collection.
  </Card>

  <Card title="Tally" icon="list-check" horizontal href="./tally">
    Simple, powerful forms with a generous free tier. Great for quick feedback and signups.
  </Card>

  <Card title="Calendly" icon="calendar-check" horizontal href="./calendly">
    Scheduling and appointment booking with automatic calendar sync.
  </Card>
</CardGroup>

<Card title="Compare forms and scheduling" icon="scale-balanced" href="./forms-and-scheduling">
  Typeform vs Tally, Calendly: see the comparison.
</Card>

### Social and media

<CardGroup cols={2}>
  <Card title="Instagram" icon="instagram" horizontal href="./instagram">
    Display your Instagram feed, recent posts, and social proof directly in your app.
  </Card>
</CardGroup>

### CRM

<CardGroup cols={1}>
  <Card title="HubSpot" icon="hubspot" horizontal href="./hubspot">
    Sync contacts, manage deal pipelines, track email events, and trigger marketing automation workflows from your app.
  </Card>
</CardGroup>

### Productivity and collaboration

<CardGroup cols={2}>
  <Card title="Google Workspace" icon="google" horizontal href="./google">
    Read from Docs, Sheets, and Calendar to build with real context. Write outputs back.
  </Card>

  <Card title="Notion" icon="book" horizontal href="./notion">
    Read pages, databases, and wikis. Write docs, briefs, and copy banks back to Notion.
  </Card>

  <Card title="Linear" icon="list-check" horizontal href="./linear">
    Build directly from tickets and projects. Write follow-up issues back to your board.
  </Card>

  <Card title="Confluence" icon="confluence" horizontal href="./confluence">
    Use team docs, specs, and wikis as context so generated code reflects your organization's actual standards.
  </Card>
</CardGroup>

<Card title="Compare productivity tools" icon="scale-balanced" href="./productivity-guide">
  Google Workspace vs Notion vs Linear: which tools should you connect?
</Card>

### Design and development

<CardGroup cols={3}>
  <Card title="Figma" icon="figma" href="./figma">
    Import Figma designs and convert them into production-ready code.
  </Card>

  <Card title="GitHub" icon="github" href="./github">
    Sync your codebase to GitHub for backups, collaboration, and version control.
  </Card>

  <Card title="Netlify" icon="globe" href="./netlify">
    Deploy your app to the web with one click. No config needed.
  </Card>
</CardGroup>

<Divider />

## Use any API

Do not see your service listed above? Rocket can connect to **any REST API**. Import from Postman, cURL, Postman JSON, or OpenAPI/Swagger specs.

<Card title="How to integrate any API" icon="plug" horizontal href="/build/editor/apis">
  Step-by-step guide to connecting external APIs by providing request and response examples.
</Card>

These APIs have been connected by the Rocket community using the API importer:

<AccordionGroup>
  <Accordion title="Payments and commerce" icon="credit-card">
    <CardGroup cols={2}>
      <Card title="PayPal" href="https://developer.paypal.com/api/rest/">Checkout and payment processing.</Card>
      <Card title="Square" href="https://developer.squareup.com/us/en">In-person and online payments.</Card>
      <Card title="Paystack" href="https://paystack.com/docs/api/">Payment gateway for Africa.</Card>
      <Card title="Paddle" href="https://developer.paddle.com/api-reference/overview">Subscriptions and tax management.</Card>
      <Card title="Lemon Squeezy" href="https://docs.lemonsqueezy.com/api">Sell digital products.</Card>
      <Card title="Stancer" href="https://www.stancer.com/documentation/api/">European payment processing.</Card>
      <Card title="Mercado Pago" href="https://www.mercadopago.com.ar/developers/en/docs/checkout-api/landing">Latin American payments.</Card>
      <Card title="Ko-fi" href="https://help.ko-fi.com/hc/en-us/articles/360004162298-Does-Ko-fi-have-an-API-or-webhook">Donations and memberships.</Card>
      <Card title="GetLago" href="https://getlago.com/docs/api-reference/intro">Usage-based billing.</Card>
      <Card title="Coinbase" href="https://www.coinbase.com/en-fr/developer-platform/products/exchange-api">Crypto market data.</Card>
      <Card title="Outseta" href="https://go.outseta.com/support/kb/articles/d1QpxQE7/how-to-integrate-with-outseta-s-rest-api">CRM, billing, and auth.</Card>
      <Card title="Verifone" href="https://verifone.cloud/api-catalog">Transaction data.</Card>
    </CardGroup>
  </Accordion>

  <Accordion title="AI and machine learning" icon="robot">
    <CardGroup cols={2}>
      <Card title="Together.ai" href="https://docs.together.ai/docs/introduction">Run open-source AI models.</Card>
      <Card title="Grok / xAI" href="https://docs.x.ai/docs/overview">xAI chat and reasoning.</Card>
      <Card title="Cohere" href="https://docs.cohere.com/">NLP and text generation.</Card>
      <Card title="OpenRouter" href="https://openrouter.ai/docs/quickstart">Route to hundreds of AI models.</Card>
      <Card title="Fal AI" href="https://docs.fal.ai/">Deploy custom AI models.</Card>
      <Card title="Venice" href="https://venice.ai/api-beta">Uncensored AI conversations.</Card>
      <Card title="HuggingFace Transformers.js" href="https://huggingface.co/docs/transformers.js/en/index">Browser-side ML models.</Card>
      <Card title="Google Imagen" href="https://cloud.google.com/vertex-ai/generative-ai/docs/image/overview">Text-to-image generation.</Card>
      <Card title="Ideogram" href="https://developer.ideogram.ai/ideogram-api/api-setup">AI typography and images.</Card>
      <Card title="Recraft" href="https://www.recraft.ai/docs">Text-to-vector image generation.</Card>
      <Card title="Firecrawl" href="https://docs.firecrawl.dev/introduction">Turn websites into LLM-ready data.</Card>
      <Card title="Linkup" href="https://www.linkup.so/">AI-powered search engine.</Card>
      <Card title="Serper.dev" href="https://serper.dev/">Google Search results API.</Card>
    </CardGroup>
  </Accordion>

  <Accordion title="Productivity and collaboration" icon="briefcase">
    <CardGroup cols={2}>
      <Card title="Slack" href="https://api.slack.com/">Automated messages and workflows.</Card>
      <Card title="Discord" href="https://discord.com/developers/docs/reference">Bots and server integrations.</Card>
      <Card title="Zapier" href="https://docs.zapier.com/platform/home">Connect 5,000+ web apps.</Card>
      <Card title="n8n" href="https://docs.n8n.io/api/">Open-source workflow automation.</Card>
      <Card title="Gumloop" href="https://docs.gumloop.com/nodes/advanced/call_api">Automation and workflows.</Card>
      <Card title="Odoo" href="https://www.odoo.com/documentation/18.0/developer/reference/external_api.html">Business management suite.</Card>
      <Card title="Canva" href="https://www.canva.dev/docs/connect/">Design tools integration.</Card>
    </CardGroup>
  </Accordion>

  <Accordion title="Data, maps, and media" icon="map">
    <CardGroup cols={2}>
      <Card title="Mapbox" href="https://docs.mapbox.com/">Maps and navigation.</Card>
      <Card title="YouTube" href="https://developers.google.com/youtube/v3">Video embedding and data.</Card>
      <Card title="Pixabay" href="https://pixabay.com/api/docs/">Royalty-free images and videos.</Card>
      <Card title="Tenor" href="https://tenor.com/gifapi/documentation">GIF search and embedding.</Card>
      <Card title="Freesound" href="https://freesound.org/docs/api/">Sound effects library.</Card>
      <Card title="Deezer" href="https://developers.deezer.com/api">Music data and playback.</Card>
      <Card title="HeyGen" href="https://www.heygen.com/api">AI video generation.</Card>
      <Card title="Remotion" href="https://www.remotion.dev/docs/api">Programmatic video creation.</Card>
      <Card title="Bannerbear" href="https://www.bannerbear.com/">Auto-generate social media images.</Card>
    </CardGroup>
  </Accordion>

  <Accordion title="Data and finance" icon="chart-line">
    <CardGroup cols={2}>
      <Card title="Alpha Vantage" href="https://www.alphavantage.co/">Stock and financial market data.</Card>
      <Card title="Polygon.io" href="https://polygon.io/">Real-time market data.</Card>
      <Card title="OpenWeather" href="https://openweathermap.org/api">Weather data for any location.</Card>
      <Card title="Currents" href="https://currentsapi.services/">Global news aggregation.</Card>
      <Card title="TheNews API" href="https://www.thenewsapi.com/">News from 150K+ sources.</Card>
      <Card title="New York Times" href="https://developer.nytimes.com/apis">NYT article search.</Card>
      <Card title="Sports DB" href="https://www.thesportsdb.com/free_sports_api">Sports data and scores.</Card>
      <Card title="Petfinder" href="https://www.petfinder.com/developers/">Pet adoption database.</Card>
      <Card title="Cocktail DB" href="https://www.thecocktaildb.com/api.php">Cocktail recipes database.</Card>
    </CardGroup>
  </Accordion>

  <Accordion title="Developer tools and utilities" icon="code">
    <CardGroup cols={2}>
      <Card title="Firebase" href="https://firebase.google.com/docs/reference/firebase-management/rest">Database and backend services.</Card>
      <Card title="Shopify" href="https://shopify.dev/docs/api">E-commerce platform API.</Card>
      <Card title="PostHog" href="https://posthog.com/docs">Product analytics and A/B testing.</Card>
      <Card title="Tableau" href="https://help.tableau.com/current/api/rest_api/en-us/REST/rest_api.htm">Data visualization.</Card>
      <Card title="Power BI" href="https://learn.microsoft.com/en-us/rest/api/power-bi/">Business intelligence.</Card>
      <Card title="Plotly" href="https://plotly.com/python-api-reference/">Interactive charts and graphs.</Card>
      <Card title="Mermaid" href="https://mermaid.js.org/config/usage.html">Diagrams and flowcharts.</Card>
      <Card title="GoJS" href="https://gojs.net/latest/api/">Interactive flowcharts.</Card>
      <Card title="GSAP" href="https://gsap.com/docs/v3/">Animation library.</Card>
      <Card title="Rive" href="https://rive.app/docs/getting-started/introduction">Interactive animations.</Card>
      <Card title="TinyMCE" href="https://www.tiny.cloud/docs/tinymce/latest/apis/tinymce.root/">Rich text editor.</Card>
      <Card title="QR Code Generator" href="https://goqr.me/api/">Generate QR codes.</Card>
      <Card title="iLovePDF" href="https://www.iloveapi.com/">PDF processing.</Card>
      <Card title="GitHub Stats" href="https://docs.github.com/en/rest/metrics/statistics?apiVersion=2022-11-28">Repository analytics.</Card>
      <Card title="Hacker Earth" href="https://www.hackerearth.com/docs/wiki/developers/v4/">Code compilation and execution.</Card>
      <Card title="Mailgun" href="https://documentation.mailgun.com/docs/mailgun/api-reference/intro/">Email delivery API.</Card>
    </CardGroup>
  </Accordion>

  <Accordion title="Hosting and backends" icon="server">
    <CardGroup cols={2}>
      <Card title="BuildShip" href="https://buildship.com/">Visual backend builder.</Card>
      <Card title="RunPod" href="https://docs.runpod.io/sdks/python/apis">GPU compute for AI workloads.</Card>
      <Card title="4everland" href="https://docs.4everland.org/hositng/hosting-api">Decentralized hosting.</Card>
      <Card title="Manifest.build" href="https://manifest.build/docs/rest-api">Micro-backend service.</Card>
    </CardGroup>
  </Accordion>

  <Accordion title="Events and scheduling" icon="calendar">
    <CardGroup cols={2}>
      <Card title="Luma" href="https://docs.lu.ma/reference/getting-started-with-your-api">Event management.</Card>
      <Card title="Ticketmaster" href="https://developer.ticketmaster.com/products-and-docs/apis/discovery-api/v2/">Event and ticket data.</Card>
    </CardGroup>
  </Accordion>

  <Accordion title="Jobs and directories" icon="magnifying-glass">
    <CardGroup cols={2}>
      <Card title="Findwork" href="https://publicapi.dev/findwork-api">Job listings.</Card>
      <Card title="USAJobs" href="https://developer.usajobs.gov/">US government job listings.</Card>
      <Card title="TripAdvisor" href="https://www.tripadvisor.com/developers">Travel reviews and data.</Card>
      <Card title="UPC Database" href="https://upcdatabase.org/api">Product barcode lookup.</Card>
      <Card title="Time API" href="https://timeapi.io/">Time zones and conversions.</Card>
      <Card title="WordCloud" href="https://wordcloudapi.com/">Word cloud generation.</Card>
      <Card title="Polar" href="https://docs.polar.sh/api-reference">Health and fitness data.</Card>
    </CardGroup>
  </Accordion>
</AccordionGroup>

***

## What's next?

<CardGroup cols={2}>
  <Card title="Productivity guide" icon="rocket" href="/build/connectors/productivity-guide">
    See how to combine multiple connectors into a single project workflow.
  </Card>

  <Card title="Analytics guide" icon="chart-line" href="/build/connectors/analytics-guide">
    Set up event tracking with Mixpanel, Google Analytics, or Segment.
  </Card>

  <Card title="Forms & scheduling" icon="calendar" href="/build/connectors/forms-and-scheduling">
    Add form collection and appointment booking to your app.
  </Card>

  <Card title="Build overview" icon="hammer" href="/build/overview">
    Return to the main Build documentation hub.
  </Card>
</CardGroup>
