> ## 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.
# Einführung
> Erweitere die Funktionalität deiner Website mit Integrationen und externen APIs.
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](https://lovable.dev/blog/2025-01-28-the-power-of-apis).
## Native Integrationen
Sieh dir die folgenden Abschnitte an, um schnell loszulegen und mehr über unsere nativen GitHub- und Supabase-Integrationen zu erfahren.
Erfahre, wie du Lovable mit GitHub verbindest, um deinen Code zu exportieren und nahtlose Versionskontrolle zu nutzen.
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:
Füge deiner App Zahlungsabwicklungsfunktionen hinzu.
Füge deiner App KI-Funktionen mit den Modellen von OpenAI hinzu.
Füge deiner App KI-Funktionen mit den Claude-Modellen von Anthropic hinzu.
Füge deiner App E-Mail-Funktionen mit der modernen E-Mail-API von Resend hinzu.
Umfassende Plattform für Benutzerverwaltung.
Füge deiner App interaktive 3D-Grafiken hinzu.
Erstelle dynamische, interaktive Datenvisualisierungen.
Erstelle professionelle, interaktive Diagramme und Visualisierungen.
Erstelle kreative Coding-Projekte und interaktive Grafiken.
Lass deine App Bilder aus Text-Eingabeaufforderungen generieren.
Füge Text-to-Speech-Funktionen hinzu.
Visuelle Plattform zum Erstellen von Workflows, die Aufgaben automatisieren und Apps verbinden.
Führe Open-Source-KI-Modelle aus und passe sie an.
Entwickelt offene KI-Modelle in verschiedenen Modalitäten.
Füge deiner App SMS-Funktionen mit Twilio hinzu.
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.
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.
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:
Ermöglicht die Navigation von Menschen, Paketen und Fahrzeugen weltweit.
Erstelle und veröffentliche interaktive Animationen.
Führe führende Open-Source-Modelle aus oder stimme sie mit nur wenigen Zeilen Code fein ab.
Open-Source-Produktanalyse für Nutzerverhalten, Session-Replays und A/B-Tests.
Verwandle Websites in LLM-bereite Daten.
Erweitere deine App um leistungsstarke KI-Funktionen.
Automatisierungstool, das verschiedene Webanwendungen miteinander verbindet.
Füge Flussdiagramme hinzu – sie sind besonders hilfreich, um Workflows und Prozesse zu visualisieren.
Führe Machine‑Learning‑Modelle direkt im Browser aus – ganz ohne Server.
Erweitere deine App um KI-Funktionen.
Telefonate tätigen und entgegennehmen, SMS senden und empfangen.
Integriere eine KI-Suchmaschine in deine Anwendungen.
Cloudbasierte Produktivitäts- und Zusammenarbeitstools von Google.
E‑Commerce-Plattform, die den Verkauf digitaler Produkte erleichtert.
Integriere Google-Suchergebnisse in deine Anwendungen.
Notizen, Aufgabenverwaltung und Datenbankfunktionen.
E-Mails senden, empfangen und nachverfolgen.
Planungstool, das die Organisation von Meetings vereinfacht.
E-Mail-Versanddienst für Verwaltung und Zustellung von Transaktions- und Marketing-E-Mails.
Rich-Text-Editor für WYSIWYG-Bearbeitung.
Automatisiert die Erstellung von Bildern und Videos für Social Media.
Zahlungen akzeptieren, Verkäufe verwalten und verschiedene Aspekte deines Geschäfts abwickeln.
KI-gestützte Videoproduktionsdienste.
[Open-Source-Verbrauchserfassung und nutzungsbasierte Abrechnung](https://www.getlago.com/)
Event- und Ticketinformationen einbetten.
Füge deinen Apps GIFs hinzu.
KI-gestützte Typografie und Bilder erstellen.
Events erstellen oder freigeben
Greife auf eine Bibliothek mit kostenlosen Soundeffekten und Loops zu.
PDFs konvertieren, zusammenführen und bearbeiten.
Erstelle KI-gesteuerte Bots.
Text-zu-Bild-Generatoren.
Automatisiere Nachrichten und Workflows.
Greife auf die Petfinder-Datenbank mit Hunderttausenden Haustieren zu.
Durchsuche und rufe Daten zu allen Spielern, Events, TV-Programmen und Ergebnissen ab.
Greifen Sie auf aktuelle Wetterdaten für jeden Ort zu.
Füge deiner App verschiedene YouTube‑Funktionen hinzu.
Greife auf Stellenangebote und weitere Karriereressourcen zu.
Lizenzfreie Bilder und Videos suchen und abrufen.
Echtzeit- und historische Finanzmarktdaten.
Kuratierte globale Nachrichten aus einer Vielzahl von Quellen in Echtzeit abrufen.
Spenden annehmen, Produkte verkaufen, Anfragen erhalten und durch Streaming Geld verdienen.
Repository-Aktivitäten und Beiträge verfolgen.
Durchsuche Nachrichten- und Blogartikel von 150.000 Quellen weltweit.
Integriere deine Service-Inhalte, erhalte Reservierungen und leite Kundenbewertungen direkt an Trip weiter.
Transaktionsdaten sammeln.
Suche nach New-York-Times-Artikeln.
Rufe neueste Finanzmarktdaten ab.
Erstelle Wortwolken.
QR-Codes erstellen und dekodieren bzw. lesen.
Füge deiner App Musikfunktionen hinzu.
Code in verschiedenen Sprachen kompilieren und ausführen.
Zugriff auf eine umfangreiche Datenbank mit Cocktailrezepten, Zutaten und Bildern.
Greife auf Beschreibungen verschiedener Biersorten, z. B. Ales, Lagerbiere, Porter, Stouts und mehr, zu.
Hashtags abrufen, erstellen, aktualisieren und löschen.
Veröffentliche Stellenangebote auf deiner Website.
Sende eine oder mehrere Fahrten an das SFMTA Electronic Access Taxi System.
Auf die UPC-Datenbank zugreifen.
Auf Informationen zu Zeitzonen zugreifen, Zeiten zwischen Zeitzonen umrechnen und die Sommerzeit im Blick behalten.
Diagrammbibliothek erstellt interaktive, publikationsreife Diagramme.
Micro-Backend.
Integriere PayPal-Checkout-Lösungen in deine Apps.
Backend-Alternative.
Personen, Konten, Abonnements und Rechnungen erstellen und aktualisieren.
Text-zu-Vektorbild-Generierung.
Automatisierungen und Workflows.
Unzensierte KI-Gespräche und Bildgenerierung.
Erweitere deine E‑Commerce-Funktionen.
Backend und Automatisierung.
Benutzerdefinierte Logik-Integrationen und Bereitstellungen.
Lösung für Automatisierung und Workflows.
Daten in deiner Anwendung abrufen und senden.
Tool zur Datenanalyse.
Datenanalyse-Tool.
Rendern Sie anpassbare Diagramme, Charts und Visualisierungen.
Alternative zu Stripe.
Checkout-Prozesse erstellen.
Integriere Canva in deine eigenen Web-Apps.
Zahlungsoberfläche (Indien) erstellen
Echtzeit-Marktdaten.
Animationsbibliothek.
Integriere Verarbeitung und Generierung natürlicher Sprache in deine Produkte.
Zugriff auf Hunderte von KI-Modellen.
Benutzerdefinierte KI-Modelle bereitstellen.
Online-Zahlungsgateway (Afrika)
Erstelle mit KI ein Video und rendere es als MP4-Datei.
Verwaltung von Zahlungen, Steuern und Abonnements.
Rufe Daten wie Aktivitätsniveau und Herzfrequenz von Polar-Geräten ab.