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

# Introdução

> Amplie a funcionalidade do seu site usando integrações e APIs externas.

Lovable tem integrações nativas que permitem exportar código e adicionar um backend. Também é possível integrar uma API externa se você quiser adicionar uma funcionalidade específica ao seu site.

<div id="what-is-an-api">
  ## O que é uma API?
</div>

Uma API é uma forma de aplicativos de software se comunicarem e compartilharem dados entre si.
APIs diferentes oferecem diferentes funcionalidades, como enviar e-mails ou processar pagamentos.
Você pode ler mais sobre o poder das APIs [neste artigo em nosso blog](https://lovable.dev/blog/2025-01-28-the-power-of-apis).

<div id="native-integrations">
  ## Integrações nativas
</div>

Explore as seções abaixo para começar mais rápido e saber mais sobre nossas integrações nativas com GitHub e Supabase.

<CardGroup cols="2">
  <Card title="Integração com GitHub" icon="github" href="pt-BR/github">
    Entenda como integrar o Lovable ao GitHub para exportar seu código e ter um controle de versão integrado.
  </Card>

  <Card title="Integração com Supabase" icon="database" href="pt-BR/supabase">
    Adicione um backend ao seu site usando o Supabase, com autenticação e armazenamento persistente de dados.
  </Card>
</CardGroup>

<div id="verified-integrations">
  ## Integrações verificadas
</div>

As integrações verificadas funcionam melhor com o Lovable:

<CardGroup cols="3">
  <Card title="Stripe" href="pt-BR/stripe">
    Adicione recursos de processamento de pagamentos ao seu app.
  </Card>

  <Card title="OpenAI" href="https://openai.com/api/">
    Adicione recursos de IA ao seu app usando os modelos da OpenAI.
  </Card>

  <Card title="Anthropic" href="https://www.anthropic.com/api">
    Adicione recursos de IA ao seu app usando os modelos Claude da Anthropic.
  </Card>

  <Card title="Resend" href="https://resend.com/">
    Adicione recursos de e-mail ao seu app usando a API moderna de e-mail da Resend.
  </Card>

  <Card title="Clerk" href="https://clerk.com/">
    Plataforma completa de gerenciamento de usuários.
  </Card>

  <Card title="Three.js" href="https://threejs.org/docs/">
    Adicione gráficos 3D interativos ao seu app.
  </Card>

  <Card title="D3.js" href="https://devdocs.io/d3/">
    Crie visualizações de dados dinâmicas e interativas.
  </Card>

  <Card title="Highcharts" href="https://highcharts.com/docs/index">
    Crie gráficos e visualizações profissionais e interativas.
  </Card>

  <Card title="p5.js" href="https://p5js.org/reference/">
    Crie projetos de creative coding e gráficos interativos.
  </Card>

  <Card title="Runware" href="https://runware.ai/">
    Faça seu app gerar imagens a partir de instruções em texto.
  </Card>

  <Card title="ElevenLabs" href="https://elevenlabs.io/developers">
    Adicione funcionalidade de conversão de texto em fala.
  </Card>

  <Card title="Make" href="https://developers.make.com/api-documentation">
    Plataforma visual para criar fluxos de trabalho que automatizam tarefas e conectam apps.
  </Card>

  <Card title="Replicate" href="https://replicate.com/docs/">
    Execute e faça ajuste fino de modelos de IA de código aberto.
  </Card>

  <Card title="Stability AI" href="https://platform.stability.ai/docs/api-reference">
    Desenvolve modelos abertos de IA em várias modalidades.
  </Card>

  <Card title="Twilio" href="https://www.twilio.com/docs/messaging/api">
    Adicione recursos de SMS ao seu app usando o Twilio.
  </Card>

  <Card title="n8n" href="https://docs.n8n.io/api/">
    Crie fluxos de trabalho com uma plataforma visual para o seu app.
  </Card>
</CardGroup>

<div id="using-any-api-with-lovable">
  ## Usando qualquer API com o Lovable
</div>

Todas as outras APIs que podem ser chamadas ainda podem ser integradas, mas muitas vezes exigem contexto e instruções adicionais.

Você pode ter:

* **Sistemas internos com APIs personalizadas**\
  Esses podem ser serviços que sua equipe criou (por exemplo, sistemas de inventário, pipelines de analytics, ferramentas internas) que expõem endpoints REST ou GraphQL, mas que não são documentados publicamente ou amplamente conhecidos.
  Você quer que o Lovable consuma ou envie dados para esses sistemas para automatizar fluxos de trabalho ou alimentar interfaces de usuário.
* **APIs de terceiros que o Lovable ainda não suporta**\
  Talvez você use um produto SaaS de nicho, um provedor de dados especializado ou uma integração com um parceiro que o Lovable ainda não conhece nativamente.
  Mesmo que não seja oficialmente compatível, você ainda quer que o Lovable se conecte, faça chamadas e trabalhe com esses dados.

Nos dois casos, o desafio é o mesmo: o Lovable não “conhece” a API por padrão. Mas, com boa documentação e uma configuração de autenticação adequada, ele ainda pode usá-la de forma eficaz.
De qualquer forma, a abordagem é a mesma: **o Lovable ainda pode se conectar a ela**. Veja como.

<Steps>
  <Step title="Dê ao Lovable o contexto de que ele precisa">
    O Lovable funciona melhor quando entende a API. Você pode fornecer:

    * **Especificação OpenAPI** (se disponível)
    * **Documentação ou exemplos copiados e colados** (especialmente endpoints e exemplos de requisições/respostas)

    Quanto mais clara a documentação, melhor o Lovable consegue raciocinar sobre como chamar a API.
  </Step>

  <Step title="Trate a autenticação com segurança">
    Para APIs que exigem autenticação:

    **Opção 1: Use Supabase Edge Functions como proxy**

    * Armazene segredos com segurança no Supabase
    * Deixe o Lovable chamar o endpoint da API por meio da Função de borda (e não a API diretamente)

    **Opção 2: Implemente a integração com a API diretamente no seu Projeto Lovable**

    * Exponha um endpoint de autenticação (por exemplo, para trocar credenciais por um token ou sessão)
    * Deixe o Lovable chamar esse endpoint de autenticação como parte do fluxo de integração
    * Inclua tokens, cabeçalhos ou informações de sessão nas chamadas de API subsequentes
  </Step>
</Steps>

APIs de exemplo:

<CardGroup cols="3">
  <Card title="Mapbox" href="https://docs.mapbox.com/">
    Viabiliza a navegação de pessoas, pacotes e veículos em qualquer lugar.
  </Card>

  <Card title="Rive" href="https://rive.app/docs/getting-started/introduction">
    Crie e lance animações interativas.
  </Card>

  <Card title="Together.ai" href="https://docs.together.ai/docs/introduction">
    Execute ou faça o fine-tuning de modelos open source de ponta com apenas algumas linhas de código.
  </Card>

  <Card title="PostHog" href="https://posthog.com/docs">
    Analytics de produto open source com comportamento de usuário, replays de sessão & testes A/B.
  </Card>

  <Card title="Firecrawl" href="https://docs.firecrawl.dev/introduction">
    Transforme sites em dados prontos para uso em LLMs.
  </Card>

  <Card title="Perplexity" href="https://docs.perplexity.ai/home">
    Adicione recursos avançados de IA ao seu app.
  </Card>

  <Card title="Zapier" href="https://docs.zapier.com/platform/home">
    Ferramenta de automação que integra diferentes aplicações web.
  </Card>

  <Card title="GoJS" href="https://gojs.net/latest/api/">
    Adicione fluxogramas, que são especialmente úteis para visualizar fluxos de trabalho e processos.
  </Card>

  <Card title="Transformers.js (HF)" href="https://huggingface.co/docs/transformers.js/en/index">
    Execute modelos de aprendizado de máquina diretamente no navegador, sem servidor.
  </Card>

  <Card title="Grok / xAI" href="https://docs.x.ai/docs/overview">
    Adicione recursos de IA ao seu aplicativo.
  </Card>

  <Card title="Twilio" href="https://www.twilio.com/docs">
    Fazer e receber chamadas, enviar e receber mensagens de texto.
  </Card>

  <Card title="Linkup" href="https://www.linkup.so/">
    Ofereça um mecanismo de busca com IA em seus aplicativos.
  </Card>

  <Card title="Google Workspace" href="https://developers.google.com/docs/api/how-tos/overview">
    Ferramentas de produtividade e colaboração na nuvem desenvolvidas pelo Google.
  </Card>

  <Card title="Lemon Squeezy" href="https://docs.lemonsqueezy.com/api">
    Plataforma de e-commerce que simplifica a venda de produtos digitais.
  </Card>

  <Card title="Serper.dev" href="https://serper.dev/">
    Integre resultados de pesquisa do Google aos seus aplicativos.
  </Card>

  <Card title="Notion" href="https://developers.notion.com/">
    Recursos de anotações, gerenciamento de tarefas e banco de dados.
  </Card>

  <Card title="Mailgun" href="https://documentation.mailgun.com/docs/mailgun/api-reference/intro/">
    Envie, receba e monitore e-mails.
  </Card>

  <Card title="Calendly" href="https://developer.calendly.com/api-docs">
    Ferramenta de agendamento que facilita o planejamento de reuniões.
  </Card>

  <Card title="SendGrid" href="https://sendgrid.com/en-us/solutions/email-api">
    Serviço de envio e gestão de e‑mails transacionais e de marketing.
  </Card>

  <Card title="TinyMCE" href="https://www.tiny.cloud/docs/tinymce/latest/apis/tinymce.root/">
    Editor de rich text para uma experiência de edição WYSIWYG.
  </Card>

  <Card title="bannerbear" href="https://www.bannerbear.com/">
    Automatiza a criação de imagens e vídeos para redes sociais.
  </Card>

  <Card title="Square" href="https://developer.squareup.com/us/en">
    Aceite pagamentos, gerencie vendas e administre diversos aspectos da sua operação comercial.
  </Card>

  <Card title="HeyGen" href="https://www.heygen.com/api">
    Serviços de criação de vídeos com IA.
  </Card>

  <Card title="GetLago" href="https://getlago.com/docs/api-reference/intro">
    [Medição e cobrança por uso de código aberto](https://www.getlago.com/)
  </Card>

  <Card title="Ticketmaster" href="https://developer.ticketmaster.com/products-and-docs/apis/discovery-api/v2/">
    Incorpore informações sobre eventos e ingressos.
  </Card>

  <Card title="Tenor" href="https://tenor.com/gifapi/documentation">
    Adicione GIFs aos seus aplicativos.
  </Card>

  <Card title="Ideogram" href="https://developer.ideogram.ai/ideogram-api/api-setup">
    Gere tipografia e imagens impulsionadas por IA.
  </Card>

  <Card title="Luma" href="https://docs.lu.ma/reference/getting-started-with-your-api">
    Criar ou compartilhar eventos
  </Card>

  <Card title="Freesound" href="https://freesound.org/docs/api/">
    Acesse uma biblioteca com efeitos sonoros e loops gratuitos.
  </Card>

  <Card title="iLovePDF" href="https://www.iloveapi.com/">
    Converter, combinar e editar PDFs.
  </Card>

  <Card title="Discord" href="https://discord.com/developers/docs/reference">
    Crie bots com inteligência artificial.
  </Card>

  <Card title="Google Imagen" href="https://cloud.google.com/vertex-ai/generative-ai/docs/image/overview">
    Geradores de imagens a partir de texto.
  </Card>

  <Card title="Slack" href="https://api.slack.com/">
    Automatize mensagens e fluxos de trabalho.
  </Card>

  <Card title="Petfinder" href="https://www.petfinder.com/developers/">
    Acesse o banco de dados do Petfinder com centenas de milhares de animais de estimação.
  </Card>

  <Card title="Sports DB" href="https://www.thesportsdb.com/free_sports_api">
    Pesquise e acesse dados de todos os jogadores, eventos, programação de TV e resultados.
  </Card>

  <Card title="Aplicativo de previsão do tempo" href="https://openweathermap.org/api">
    Acesse dados de clima em tempo real de qualquer lugar.
  </Card>

  <Card title="YouTube" href="https://developers.google.com/youtube/v3">
    Adicione vários recursos do YouTube ao seu aplicativo.
  </Card>

  <Card title="Findwork" href="https://publicapi.dev/findwork-api">
    Acesse oportunidades de emprego e outros recursos de carreira.
  </Card>

  <Card title="Pixabay" href="https://pixabay.com/api/docs/">
    Pesquise e obtenha imagens e vídeos sem royalties.
  </Card>

  <Card title="Alpha Vantage" href="https://www.alphavantage.co/">
    Dados do mercado financeiro em tempo real e históricos.
  </Card>

  <Card title="Atualizações" href="https://currentsapi.services/">
    Faça curadoria e acesse notícias do mundo todo, em tempo real, a partir de uma variedade de fontes.
  </Card>

  <Card title="Kofi" href="https://help.ko-fi.com/hc/en-us/articles/360004162298-Does-Ko-fi-have-an-API-or-webhook">
    Aceite doações, venda produtos, receba pedidos e ganhe dinheiro com streaming.
  </Card>

  <Card title="Estatísticas do GitHub" href="https://docs.github.com/en/rest/metrics/statistics?apiVersion=2022-11-28">
    Acompanhe a atividade e as contribuições no repositório.
  </Card>

  <Card title="TheNews API" href="https://www.thenewsapi.com/">
    Pesquise notícias e artigos de blog no blog, provenientes de 150 mil fontes do mundo todo.
  </Card>

  <Card title="Tripadvisor" href="https://www.tripadvisor.com/developers">
    Integre o conteúdo do serviço, obtenha reservas e direcione as avaliações dos seus clientes para o Trip.
  </Card>

  <Card title="Verifone" href="https://verifone.cloud/api-catalog">
    Coletar dados de transações.
  </Card>

  <Card title="New York Times" href="https://developer.nytimes.com/apis">
    Pesquise artigos do The New York Times.
  </Card>

  <Card title="Polygon.io" href="https://polygon.io/">
    Consultar os dados mais recentes do mercado financeiro.
  </Card>

  <Card title="Nuvem de palavras" href="https://wordcloudapi.com/">
    Crie nuvens de palavras.
  </Card>

  <Card title="Gerador de QR Code" href="https://goqr.me/api/">
    Gerar e decodificar ou ler imagens de códigos QR.
  </Card>

  <Card title="Deezers" href="https://developers.deezer.com/api">
    Adicione recursos de música ao seu aplicativo.
  </Card>

  <Card title="Hacker Earth" href="https://www.hackerearth.com/docs/wiki/developers/v4/">
    Compile e execute código em várias linguagens de programação.
  </Card>

  <Card title="Cocktail DB" href="https://www.thecocktaildb.com/api.php">
    Acesso a um amplo banco de dados de receitas de coquetéis, seus ingredientes e imagens.
  </Card>

  <Card title="API de cerveja" href="http://beer-api.readthedocs.io/">
    Acesse descrições de diferentes tipos de cerveja, como ales, lagers, porters, stouts e muito mais.
  </Card>

  <Card title="API de hashtags" href="https://publicapi.dev/hashtag-api#:~:text=The%20Hashtag%20API%20allows%20users,hashtag%20functionality%20into%20their%20applications.">
    Recuperar, criar, atualizar e excluir hashtags.
  </Card>

  <Card title="USAJobs" href="https://developer.usajobs.gov/">
    Ofereça oportunidades de emprego no seu site.
  </Card>

  <Card title="SFMTA" href="https://www.sfmta.com/reports/gtfs-transit-data">
    Enviar uma ou mais corridas para o sistema eletrônico de acesso a táxis da SFMTA.
  </Card>

  <Card title="UPCDatabase" href="https://upcdatabase.org/api">
    Acesse o banco de dados de códigos UPC.
  </Card>

  <Card title="API de Tempo" href="https://timeapi.io/">
    Acesse informações sobre fusos horários, converta horários entre diferentes fusos horários e acompanhe o horário de verão.
  </Card>

  <Card title="Plotly" href="https://plotly.com/python-api-reference/">
    A biblioteca de gráficos gera gráficos interativos com qualidade para publicação.
  </Card>

  <Card title="Manifest.build" href="https://manifest.build/docs/rest-api">
    Micro back-end.
  </Card>

  <Card title="PayPal" href="https://developer.paypal.com/api/rest/">
    Integre as soluções de checkout do PayPal aos seus aplicativos.
  </Card>

  <Card title="4everland" href="https://docs.4everland.org/hositng/hosting-api">
    Alternativa de backend.
  </Card>

  <Card title="Outseta" href="https://go.outseta.com/support/kb/articles/d1QpxQE7/how-to-integrate-with-outseta-s-rest-api">
    Crie e atualize pessoas, contas, assinaturas e faturas.
  </Card>

  <Card title="Recraft" href="https://www.recraft.ai/docs">
    Geração de imagens vetoriais a partir de texto.
  </Card>

  <Card title="n8n" href="https://docs.n8n.io/api/">
    Automações e fluxos de trabalho
  </Card>

  <Card title="Veneza" href="https://venice.ai/api-beta">
    Conversas de IA e geração de imagens sem censura.
  </Card>

  <Card title="Shopify" href="https://shopify.dev/docs/api">
    Potencialize seu e-commerce.
  </Card>

  <Card title="BuildShip" href="https://buildship.com/">
    Back-end e automação.
  </Card>

  <Card title="RunPod" href="https://docs.runpod.io/sdks/python/apis">
    Integrações e publicações com lógica personalizada.
  </Card>

  <Card title="Gumloop" href="https://docs.gumloop.com/nodes/advanced/call_api">
    Solução de automação e de fluxos de trabalho.
  </Card>

  <Card title="Odoo" href="https://www.odoo.com/documentation/18.0/developer/reference/external_api.html">
    Busque e envie dados no seu aplicativo.
  </Card>

  <Card title="Tableau" href="https://help.tableau.com/current/api/rest_api/en-us/REST/rest_api.htm">
    Ferramenta de análise de dados.
  </Card>

  <Card title="Power BI" href="https://learn.microsoft.com/en-us/rest/api/power-bi/">
    Ferramenta de análise de dados.
  </Card>

  <Card title="Mermaid" href="https://mermaid.js.org/config/usage.html">
    Renderize diagramas, gráficos e visualizações personalizadas.
  </Card>

  <Card title="Stancer" href="https://www.stancer.com/documentation/api/">
    Alternativa ao Stripe.
  </Card>

  <Card title="Mercado" href="https://www.mercadopago.com.ar/developers/en/docs/checkout-api/landing">
    Crie processos de checkout.
  </Card>

  <Card title="Canva" href="https://www.canva.dev/docs/connect/">
    Integre o Canva aos seus próprios aplicativos web.
  </Card>

  <Card title="Razorpay" href="https://razorpay.com/docs/api/">
    Criar interface de pagamento (Índia)
  </Card>

  <Card title="Coinbase" href="https://www.coinbase.com/en-fr/developer-platform/products/exchange-api">
    Dados de mercado em tempo real.
  </Card>

  <Card title="GSAP" href="https://gsap.com/docs/v3/">
    Biblioteca de animações.
  </Card>

  <Card title="Cohere" href="https://docs.cohere.com/">
    Integre recursos de processamento e geração de linguagem natural aos seus produtos.
  </Card>

  <Card title="OpenRouter" href="https://openrouter.ai/docs/quickstart">
    Acesse centenas de modelos de IA.
  </Card>

  <Card title="Fal AI" href="https://docs.fal.ai/">
    Publique modelos de IA personalizados.
  </Card>

  <Card title="Paystack" href="https://paystack.com/docs/api/">
    Gateway de pagamento online (África)
  </Card>

  <Card title="Remotion" href="https://www.remotion.dev/docs/api">
    Crie um vídeo com IA e gere um arquivo MP4.
  </Card>

  <Card title="Paddle" href="https://developer.paddle.com/api-reference/overview">
    Pagamentos, impostos e gestão de assinaturas.
  </Card>

  <Card title="Polar API" href="https://docs.polar.sh/api-reference">
    Obtenha dados como níveis de atividade e frequência cardíaca de dispositivos Polar.
  </Card>
</CardGroup>
