Zum Hauptinhalt springen
Lovable verfügt über native, nahtlose Integrationen, um Code zu exportieren und ein Backend hinzuzufügen. Du kannst aber auch eine externe API integrieren, wenn du eine bestimmte Funktionalität zu deiner Website hinzufügen möchtest.

Was ist eine API?

Eine API ermöglicht es Softwareanwendungen, miteinander zu kommunizieren und Daten auszutauschen. Verschiedene APIs bieten unterschiedliche Funktionen, zum Beispiel das Versenden von E-Mails oder das Abwickeln von Zahlungen. Mehr über die Möglichkeiten von APIs erfährst du in diesem Artikel auf unserem Blog.

Native Integrationen

Sieh dir die folgenden Abschnitte an, um schnell loszulegen und mehr über unsere nativen GitHub- und Supabase-Integrationen zu erfahren.

GitHub-Integration

Erfahre, wie du Lovable mit GitHub verbindest, um deinen Code zu exportieren und nahtlose Versionskontrolle zu nutzen.

Supabase-Integration

Ergänze deine Website mit Supabase um ein Backend, das Authentifizierung und dauerhafte Datenspeicherung ermöglicht.

Verifizierte Integrationen

Verifizierte Integrationen funktionieren am besten mit Lovable:

Stripe

Füge deiner App Zahlungsabwicklungsfunktionen hinzu.

OpenAI

Füge deiner App KI-Funktionen mit den Modellen von OpenAI hinzu.

Anthropic

Füge deiner App KI-Funktionen mit den Claude-Modellen von Anthropic hinzu.

Resend

Füge deiner App E-Mail-Funktionen mit der modernen E-Mail-API von Resend hinzu.

Clerk

Umfassende Plattform für Benutzerverwaltung.

Three.js

Füge deiner App interaktive 3D-Grafiken hinzu.

D3.js

Erstelle dynamische, interaktive Datenvisualisierungen.

Highcharts

Erstelle professionelle, interaktive Diagramme und Visualisierungen.

p5.js

Erstelle kreative Coding-Projekte und interaktive Grafiken.

Runware

Lass deine App Bilder aus Text-Eingabeaufforderungen generieren.

ElevenLabs

Füge Text-to-Speech-Funktionen hinzu.

Make

Visuelle Plattform zum Erstellen von Workflows, die Aufgaben automatisieren und Apps verbinden.

Replicate

Führe Open-Source-KI-Modelle aus und passe sie an.

Stability AI

Entwickelt offene KI-Modelle in verschiedenen Modalitäten.

Twilio

Füge deiner App SMS-Funktionen mit Twilio hinzu.

n8n

Nutze eine visuelle Plattform, um Workflows für deine App zu erstellen.

Verwendung beliebiger APIs mit Lovable

Alle anderen aufrufbaren APIs können weiterhin integriert werden, benötigen aber oft zusätzlichen Kontext und Anleitung. Möglicherweise hast du:
  • Interne Systeme mit benutzerdefinierten APIs
    Das können Services sein, die dein Team gebaut hat (z. B. Bestandsverwaltungssysteme, Analyse-Pipelines, interne Tools), die REST- oder GraphQL-Endpunkte bereitstellen, aber nicht öffentlich dokumentiert oder weit verbreitet sind. Du möchtest, dass Lovable Daten aus diesen Systemen abruft oder an sie sendet, um Workflows zu automatisieren oder Benutzeroberflächen anzutreiben.
  • Drittanbieter-APIs, die Lovable noch nicht unterstützt
    Vielleicht nutzt du ein Nischen-SaaS-Produkt, einen spezialisierten Datenanbieter oder eine Partner-Integration, für die Lovable noch keine eingebaute Unterstützung hat. Auch wenn sie nicht offiziell unterstützt wird, möchtest du dennoch, dass Lovable sich verbindet, Aufrufe macht und mit den Daten arbeitet.
In beiden Fällen ist die Herausforderung dieselbe: Lovable „kennt“ die API nicht von Haus aus. Aber mit guter Dokumentation und eingerichtetem Authentifizierungsprozess kann sie trotzdem effektiv genutzt werden. So oder so ist der Ansatz derselbe: Lovable kann sich trotzdem damit verbinden. So gehst du vor.
1

Gib Lovable den nötigen Kontext

Lovable funktioniert am besten, wenn es die API versteht. Du kannst Folgendes bereitstellen:
  • OpenAPI-Spezifikation (falls verfügbar)
  • Kopierte Dokumentation oder Beispiele (insbesondere Endpunkte sowie Beispielanfragen/-antworten)
Je klarer die Dokumentation, desto besser kann Lovable nachvollziehen, wie die API aufgerufen werden soll.
2

Authentifizierung sicher handhaben

Für APIs, die eine Authentifizierung erfordern:Option 1: Supabase Edge Functions als Proxy verwenden
  • Geheimnisse sicher in Supabase speichern
  • Lovable den API-Endpunkt über die Edge-Funktion aufrufen lassen (nicht direkt die API)
Option 2: Die API-Integration direkt in deinem Lovable-Projekt implementieren
  • Einen Authentifizierungsendpunkt bereitstellen (z. B. um Zugangsdaten gegen ein Token oder eine Session zu tauschen)
  • Lovable diesen Auth-Endpunkt als Teil des Integrationsflows aufrufen lassen
  • Tokens, Header oder Sitzungsinformationen in nachfolgenden API-Aufrufen einfügen
Beispiel-APIs:

Mapbox

Ermöglicht die Navigation von Menschen, Paketen und Fahrzeugen weltweit.

Rive

Erstelle und veröffentliche interaktive Animationen.

Together.ai

Führe führende Open-Source-Modelle aus oder stimme sie mit nur wenigen Zeilen Code fein ab.

PostHog

Open-Source-Produktanalyse für Nutzerverhalten, Session-Replays und A/B-Tests.

Firecrawl

Verwandle Websites in LLM-bereite Daten.

Perplexität

Erweitere deine App um leistungsstarke KI-Funktionen.

Zapier

Automatisierungstool, das verschiedene Webanwendungen miteinander verbindet.

GoJS

Füge Flussdiagramme hinzu – sie sind besonders hilfreich, um Workflows und Prozesse zu visualisieren.

Transformers.js (HF)

Führe Machine‑Learning‑Modelle direkt im Browser aus – ganz ohne Server.

Grok / xAI

Erweitere deine App um KI-Funktionen.

Twilio

Telefonate tätigen und entgegennehmen, SMS senden und empfangen.

Verbindung

Integriere eine KI-Suchmaschine in deine Anwendungen.

Google Workspace

Cloudbasierte Produktivitäts- und Zusammenarbeitstools von Google.

Lemon Squeezy

E‑Commerce-Plattform, die den Verkauf digitaler Produkte erleichtert.

Serper.dev

Integriere Google-Suchergebnisse in deine Anwendungen.

Notion

Notizen, Aufgabenverwaltung und Datenbankfunktionen.

Mailgun

E-Mails senden, empfangen und nachverfolgen.

Calendly

Planungstool, das die Organisation von Meetings vereinfacht.

SendGrid

E-Mail-Versanddienst für Verwaltung und Zustellung von Transaktions- und Marketing-E-Mails.

TinyMCE

Rich-Text-Editor für WYSIWYG-Bearbeitung.

bannerbear

Automatisiert die Erstellung von Bildern und Videos für Social Media.

Quadrat

Zahlungen akzeptieren, Verkäufe verwalten und verschiedene Aspekte deines Geschäfts abwickeln.

HeyGen

KI-gestützte Videoproduktionsdienste.

Ticketmaster

Event- und Ticketinformationen einbetten.

Tenor

Füge deinen Apps GIFs hinzu.

Ideogram

KI-gestützte Typografie und Bilder erstellen.

Luma

Events erstellen oder freigeben

Freesound

Greife auf eine Bibliothek mit kostenlosen Soundeffekten und Loops zu.

iLovePDF

PDFs konvertieren, zusammenführen und bearbeiten.

Discord

Erstelle KI-gesteuerte Bots.

Google Imagen

Text-zu-Bild-Generatoren.

Slack

Automatisiere Nachrichten und Workflows.

Petfinder

Greife auf die Petfinder-Datenbank mit Hunderttausenden Haustieren zu.

Sports DB

Durchsuche und rufe Daten zu allen Spielern, Events, TV-Programmen und Ergebnissen ab.

Wetter-App

Greifen Sie auf aktuelle Wetterdaten für jeden Ort zu.

YouTube

Füge deiner App verschiedene YouTube‑Funktionen hinzu.

Findwork

Greife auf Stellenangebote und weitere Karriereressourcen zu.

Pixabay

Lizenzfreie Bilder und Videos suchen und abrufen.

Alpha Vantage

Echtzeit- und historische Finanzmarktdaten.

Aktuelles

Kuratierte globale Nachrichten aus einer Vielzahl von Quellen in Echtzeit abrufen.

Kofi

Spenden annehmen, Produkte verkaufen, Anfragen erhalten und durch Streaming Geld verdienen.

GitHub-Statistiken

Repository-Aktivitäten und Beiträge verfolgen.

TheNews API

Durchsuche Nachrichten- und Blogartikel von 150.000 Quellen weltweit.

TripAdvisor

Integriere deine Service-Inhalte, erhalte Reservierungen und leite Kundenbewertungen direkt an Trip weiter.

Verifone

Transaktionsdaten sammeln.

New York Times

Suche nach New-York-Times-Artikeln.

Polygon.io

Rufe neueste Finanzmarktdaten ab.

Wortwolke

Erstelle Wortwolken.

QR-Code-Generator

QR-Codes erstellen und dekodieren bzw. lesen.

Deezer

Füge deiner App Musikfunktionen hinzu.

Hacker Earth

Code in verschiedenen Sprachen kompilieren und ausführen.

Cocktail DB

Zugriff auf eine umfangreiche Datenbank mit Cocktailrezepten, Zutaten und Bildern.

Beer API

Greife auf Beschreibungen verschiedener Biersorten, z. B. Ales, Lagerbiere, Porter, Stouts und mehr, zu.

Hashtag-API

Hashtags abrufen, erstellen, aktualisieren und löschen.

USAJobs

Veröffentliche Stellenangebote auf deiner Website.

SFMTA

Sende eine oder mehrere Fahrten an das SFMTA Electronic Access Taxi System.

UPCDatabase

Auf die UPC-Datenbank zugreifen.

Time API

Auf Informationen zu Zeitzonen zugreifen, Zeiten zwischen Zeitzonen umrechnen und die Sommerzeit im Blick behalten.

Plotly

Diagrammbibliothek erstellt interaktive, publikationsreife Diagramme.

Manifest.build

Micro-Backend.

PayPal

Integriere PayPal-Checkout-Lösungen in deine Apps.

4everland

Backend-Alternative.

Outseta

Personen, Konten, Abonnements und Rechnungen erstellen und aktualisieren.

Recraft

Text-zu-Vektorbild-Generierung.

n8n

Automatisierungen und Workflows.

Venedig

Unzensierte KI-Gespräche und Bildgenerierung.

Shopify

Erweitere deine E‑Commerce-Funktionen.

BuildShip

Backend und Automatisierung.

RunPod

Benutzerdefinierte Logik-Integrationen und Bereitstellungen.

Gumloop

Lösung für Automatisierung und Workflows.

Odoo

Daten in deiner Anwendung abrufen und senden.

Tableau

Tool zur Datenanalyse.

Power BI

Datenanalyse-Tool.

Mermaid

Rendern Sie anpassbare Diagramme, Charts und Visualisierungen.

Stancer

Alternative zu Stripe.

Mercado

Checkout-Prozesse erstellen.

Canva

Integriere Canva in deine eigenen Web-Apps.

Razorpay

Zahlungsoberfläche (Indien) erstellen

Coinbase

Echtzeit-Marktdaten.

GSAP

Animationsbibliothek.

Cohere

Integriere Verarbeitung und Generierung natürlicher Sprache in deine Produkte.

OpenRouter

Zugriff auf Hunderte von KI-Modellen.

Fal AI

Benutzerdefinierte KI-Modelle bereitstellen.

Paystack

Online-Zahlungsgateway (Afrika)

Remotion

Erstelle mit KI ein Video und rendere es als MP4-Datei.

Paddle

Verwaltung von Zahlungen, Steuern und Abonnements.

Polar API

Rufe Daten wie Aktivitätsniveau und Herzfrequenz von Polar-Geräten ab.