Saltar al contenido principal
Lovable incluye integraciones nativas para exportar código y añadir un backend. También puedes integrar una API externa si quieres añadir una funcionalidad específica a tu sitio web.

¿Qué es una API?

Una API es una manera de que distintas aplicaciones de software se comuniquen entre sí y compartan datos. Diferentes API ofrecen distintas funcionalidades, como enviar correos electrónicos o procesar pagos. Puedes leer más sobre el poder de las API en este artículo de nuestro blog.

Integraciones nativas

Explora las secciones a continuación para empezar rápidamente y obtener más información sobre nuestras integraciones nativas con GitHub y Supabase.

Integración con GitHub

Aprende cómo integrar Lovable con GitHub para exportar tu código y contar con un control de versiones sin complicaciones.

Integración con Supabase

Agrega un backend a tu sitio web usando Supabase para gestionar la autenticación y el almacenamiento persistente de datos.

Integraciones verificadas

Las integraciones verificadas funcionan mejor con Lovable:

Stripe

Añade capacidades de procesamiento de pagos a tu app.

OpenAI

Añade capacidades de IA a tu app usando los modelos de OpenAI.

Anthropic

Añade capacidades de IA a tu app usando los modelos Claude de Anthropic.

Resend

Añade funciones de correo electrónico a tu app usando la moderna API de email de Resend.

Clerk

Plataforma integral de gestión de usuarios.

Three.js

Añade gráficos 3D interactivos a tu app.

D3.js

Crea visualizaciones de datos dinámicas e interactivas.

Highcharts

Crea gráficos y visualizaciones profesionales e interactivas.

p5.js

Crea proyectos de programación creativa y gráficos interactivos.

Runware

Haz que tu app genere imágenes a partir de instrucciones de texto.

ElevenLabs

Añade funcionalidad de conversión de texto a voz.

Make

Plataforma visual para crear flujos de trabajo que automaticen tareas y conecten apps.

Replicate

Ejecuta y ajusta modelos de IA de código abierto.

Stability AI

Modelos de IA abiertos para múltiples modalidades.

Twilio

Añade capacidades de SMS a tu app usando Twilio.

n8n

Crea flujos de trabajo para tu app con una plataforma visual.

Usar cualquier API con Lovable

Todas las demás APIs a las que se puede llamar también se pueden integrar, pero a menudo requieren contexto e instrucciones adicionales. Es posible que tengas:
  • Sistemas internos con APIs personalizadas
    Estos pueden ser servicios que tu equipo ha creado (p. ej., sistemas de inventario, pipelines de analítica, herramientas internas) que exponen endpoints REST o GraphQL pero que no están documentados públicamente ni son muy conocidos. Quieres que Lovable obtenga o envíe datos a estos sistemas para automatizar flujos de trabajo o potenciar interfaces de usuario.
  • APIs de terceros que Lovable todavía no admite
    Tal vez uses un producto SaaS de nicho, un proveedor de datos especializado o una integración con un socio que Lovable aún no conoce de forma nativa. Aunque no esté admitida oficialmente, aún quieres que Lovable se conecte, haga llamadas y trabaje con esos datos.
En ambos casos, el desafío es el mismo: Lovable no “conoce” la API de forma predeterminada. Pero con buena documentación y una configuración de autenticación adecuada, aún puede utilizarla de forma eficaz. En cualquier caso, el enfoque es el mismo: Lovable aún puede conectarse a ella. Aquí te explicamos cómo.
1

Dale a Lovable el contexto que necesita

Lovable funciona mejor cuando entiende la API. Puedes proporcionar:
  • Especificación OpenAPI (si está disponible)
  • Documentación o ejemplos copiados y pegados (especialmente endpoints y ejemplos de solicitudes/respuestas)
Cuanto más clara sea la documentación, mejor podrá Lovable razonar sobre cómo llamar a la API.
2

Gestiona la autenticación de forma segura

Para APIs que requieren autenticación:Opción 1: Usa Funciones Edge de Supabase como proxy
  • Almacena los secretos de forma segura en Supabase
  • Haz que Lovable llame al endpoint de la API a través de la función perimetral (no directamente a la API)
Opción 2: Implementa la integración con la API directamente en tu proyecto de Lovable
  • Expón un endpoint de autenticación (p. ej., para intercambiar credenciales por un token o sesión)
  • Haz que Lovable llame a ese endpoint de autenticación como parte del flujo de integración
  • Incluye tokens, cabeceras o información de sesión en las llamadas posteriores a la API
APIs de ejemplo:

Mapbox

Impulsa la navegación de personas, paquetes y vehículos en todo el mundo.

Rive

Crea y publica animaciones interactivas.

Together.ai

Ejecuta o ajusta modelos de código abierto de vanguardia con solo unas pocas líneas de código.

PostHog

Analítica de producto de código abierto para ofrecer análisis del comportamiento de los usuarios, reproducciones de sesiones y pruebas A/B.

Firecrawl

Convierte sitios web en datos listos para usar con LLM.

Perplexity

Añade potentes capacidades de IA a tu app.

Zapier

Herramienta de automatización que conecta distintas aplicaciones web.

GoJS

Agrega diagramas de flujo, que son especialmente útiles para visualizar flujos de trabajo y procesos.

Transformers.js (HF)

Ejecuta modelos de aprendizaje automático directamente en el navegador, sin servidor.

Grok / xAI

Agrega capacidades de IA a tu app.

Twilio

Realiza y recibe llamadas telefónicas, envía y recibe mensajes de texto.

Vinculación

Integra un motor de búsqueda con IA en tus aplicaciones.

Google Workspace

Herramientas de productividad y colaboración en la nube desarrolladas por Google.

Lemon Squeezy

Plataforma de comercio electrónico que facilita la venta de productos digitales.

Serper.dev

Integra los resultados de búsqueda de Google en tus aplicaciones.

Notion

Funciones de notas, gestión de tareas y bases de datos.

Mailgun

Envía, recibe y realiza el seguimiento de correos electrónicos.

Calendly

Herramienta de programación que simplifica la organización de reuniones.

SendGrid

Servicio de envío de correos electrónicos para la gestión & entrega de correos transaccionales y de marketing.

TinyMCE

Editor de texto enriquecido para una experiencia de edición WYSIWYG.

bannerbear

Automatiza la generación de imágenes y videos para redes sociales.

Cuadrado

Acepta pagos, gestiona ventas y maneja diversos aspectos de tu actividad comercial.

HeyGen

Servicios de creación de videos con IA.

Ticketmaster

Incorpora información sobre eventos y venta de entradas.

Tenor

Añade GIFs a tus apps.

Ideogram

Genera tipografías e imágenes impulsadas por IA.

Luma

Crea o comparte eventos

Freesound

Accede a una biblioteca gratuita de efectos de sonido y loops.

iLovePDF

Convierte, combina y edita archivos PDF.

Discord

Crea bots impulsados por IA.

Google Imagen

Generadores de texto a imagen.

Slack

Automatiza mensajes y flujos de trabajo.

Petfinder

Accede a la base de datos de Petfinder, con cientos de miles de mascotas.

Sports DB

Busca y accede a datos sobre todos los jugadores, eventos, programación de TV y resultados.

Aplicación del tiempo

Obtén datos meteorológicos actuales de cualquier ubicación.

YouTube

Añade diversas funciones de YouTube a tu aplicación.

Findwork

Accede a ofertas de trabajo y otros recursos para tu carrera profesional.

Pixabay

Busca y obtén imágenes y vídeos libres de derechos.

Alpha Vantage

Datos del mercado financiero en tiempo real e históricos.

Currents

Selecciona y accede a noticias globales en tiempo real de diversas fuentes.

Kofi

Acepta donaciones, vende productos, recibe solicitudes y gana dinero con el streaming.

Estadísticas de GitHub

Haz seguimiento de la actividad y las contribuciones del repositorio.

API de TheNews

Busca noticias y artículos de blog de 150 000 fuentes de todo el mundo.

TripAdvisor

Integra el contenido de tus servicios, recibe reservas y dirige las reseñas de tus clientes a Trip.

Verifone

Recopila datos de las transacciones.

New York Times

Busca artículos de The New York Times.

Polygon.io

Consulta los datos más recientes del mercado financiero.

Nube de palabras

Crea nubes de palabras.

Generador de códigos QR

Genera y decodifica o lee códigos QR.

Deezers

Agrega funciones relacionadas con la música a tu aplicación.

HackerEarth

Compila y ejecuta código en varios lenguajes de programación.

Cocktail DB

Acceso a una extensa base de datos de recetas de cócteles, ingredientes e imágenes.

API de cerveza

Accede a descripciones de distintos tipos de cervezas, como ale, lager, porter, stout y más.

API de hashtags

Obtener, crear, actualizar y eliminar hashtags.

USAJobs

Ofrece oportunidades de empleo en tu sitio web.

SFMTA

Transmitir uno o más viajes al Sistema de Acceso Electrónico a Taxis de la SFMTA.

UPCDatabase

Accede a la base de datos de UPC.

API de tiempo

Accede a información sobre zonas horarias, convierte la hora entre ellas y sigue los cambios por horario de verano.

Plotly

La biblioteca de gráficos permite crear gráficos interactivos de calidad para publicación.

Manifest.build

Micro-backend.

PayPal

Integra las soluciones de pago de PayPal en tus aplicaciones.

4everland

Alternativa de backend.

Outseta

Crear y actualizar personas, cuentas, suscripciones y facturas.

Recraft

Generación de imágenes vectoriales a partir de texto.

n8n

Automatizaciones y flujos de trabajo.

Venecia

Conversaciones de IA y generación de imágenes sin censura.

Shopify

Potencia tu comercio electrónico.

BuildShip

Backend y automatización.

RunPod

Integraciones y despliegues de lógica personalizada.

Gumloop

Solución para automatización y flujos de trabajo.

Odoo

Obtén y envía datos desde y hacia tu aplicación.

Tableau

Herramienta de análisis de datos.

Power BI

Herramienta de análisis de datos.

Mermaid

Crea diagramas, gráficos y visualizaciones personalizables.

Stancer

Alternativa a Stripe.

Mercado

Crea flujos de compra.

Canva

Integra Canva en tus aplicaciones web.

Razorpay

Crear interfaz de pago (India)

Coinbase

Datos de mercado en tiempo real.

GSAP

Biblioteca de animaciones.

Cohere

Incorpora el procesamiento y la generación de lenguaje natural en tus productos.

OpenRouter

Accede a cientos de modelos de IA.

Fal AI

Despliega modelos de IA personalizados.

Paystack

Pasarela de pagos en línea (África)

Remotion

Crea un video con IA y procésalo en un archivo MP4.

Paddle

Pagos, impuestos y gestión de suscripciones.

API de Polar

Obtén datos como niveles de actividad y frecuencia cardíaca de dispositivos Polar.