Passer au contenu principal
Lovable propose des intégrations natives fluides pour exporter du code et ajouter un back-end. Vous pouvez également intégrer une API externe si vous souhaitez ajouter une fonctionnalité précise à votre site web.

Qu’est-ce qu’une API ?

Une API est une façon pour des applications de communiquer entre elles et de partager des données. Différentes API proposent différentes fonctionnalités, comme l’envoi d’e‑mails ou le traitement de paiements. Vous pouvez en savoir plus sur la puissance des API dans cet article sur notre blog.

Intégrations natives

Explore les sections ci-dessous pour commencer rapidement et en savoir plus sur nos intégrations natives GitHub et Supabase.

Intégration GitHub

Découvrez comment intégrer Lovable à GitHub pour exporter votre code et bénéficier d’une gestion des versions fluide.

Intégration Supabase

Ajoutez un backend à votre site web avec Supabase pour gérer l’authentification et le stockage persistant des données.

Intégrations vérifiées

Les intégrations vérifiées fonctionnent le mieux avec Lovable :

Stripe

Ajoutez des fonctionnalités de traitement des paiements à votre application.

OpenAI

Ajoutez des fonctionnalités d’IA à votre application à l’aide des modèles d’OpenAI.

Anthropic

Ajoutez des fonctionnalités d’IA à votre application à l’aide des modèles Claude d’Anthropic.

Resend

Ajoutez des fonctionnalités d’e-mail à votre application à l’aide de l’API e-mail moderne de Resend.

Clerk

Plateforme complète de gestion des utilisateurs.

Three.js

Ajoutez des graphiques 3D interactifs à votre application.

D3.js

Créez des visualisations de données dynamiques et interactives.

Highcharts

Créez des graphiques et visualisations professionnels et interactifs.

p5.js

Créez des projets de creative coding et des graphiques interactifs.

Runware

Faites en sorte que votre application génère des images à partir d’invites textuelles.

ElevenLabs

Ajoutez des fonctionnalités de synthèse vocale (Text-to-Speech).

Make

Plateforme visuelle pour créer des workflows qui automatisent des tâches et connectent des applications.

Replicate

Exécutez et affinez des modèles d’IA open source.

Stability AI

Développe des modèles d’IA ouverts couvrant différentes modalités.

Twilio

Ajoutez des fonctionnalités SMS à votre application à l’aide de Twilio.

n8n

Créez des workflows pour votre application à l’aide d’une plateforme visuelle.

Utiliser n’importe quelle API avec Lovable

Toutes les autres API appelables peuvent toujours être intégrées, mais elles nécessitent souvent un contexte et des instructions supplémentaires. Vous pourriez avoir :
  • Systèmes internes avec des API personnalisées
    Il peut s’agir de services que votre équipe a créés (par ex. systèmes de gestion des stocks, pipelines d’analyse, outils internes) qui exposent des endpoints REST ou GraphQL mais ne sont pas documentés publiquement ni largement connus. Vous voulez que Lovable récupère ou envoie des données vers ces systèmes pour automatiser des workflows ou alimenter des interfaces utilisateur.
  • API tierces que Lovable ne prend pas encore en charge
    Peut-être que vous utilisez un produit SaaS de niche, un fournisseur de données spécialisé ou une intégration partenaire que Lovable ne connaît pas nativement. Même si ce n’est pas officiellement pris en charge, vous voulez quand même que Lovable puisse se connecter, effectuer des appels et travailler avec les données.
Dans les deux cas, le défi est le même : par défaut, Lovable ne « connaît » pas l’API. Mais avec une bonne documentation et une configuration d’authentification correcte, il peut tout de même l’utiliser efficacement. Dans tous les cas, l’approche est la même : Lovable peut quand même s’y connecter. Voici comment.
1

Donner à Lovable le contexte dont il a besoin

Lovable fonctionne au mieux lorsqu’il comprend l’API. Vous pouvez fournir :
  • Spécification OpenAPI (si disponible)
  • Documentation ou exemples copiés-collés (en particulier les endpoints et les exemples de requêtes/réponses)
Plus la documentation est claire, mieux Lovable peut déterminer comment appeler l’API.
2

Gérer l’authentification de manière sécurisée

Pour les API qui nécessitent une authentification :Option 1 : Utiliser les Supabase Edge Functions comme proxy
  • Stocker les Secrets de façon sécurisée sur Supabase
  • Laisser Lovable appeler l’endpoint API via la Fonction Edge (et non l’API directement)
Option 2 : Implémenter l’intégration de l’API directement dans votre Projet Lovable
  • Exposer un endpoint d’authentification (par ex. pour échanger des identifiants contre un jeton ou une session)
  • Laisser Lovable appeler cet endpoint d’authentification dans le cadre du flux d’intégration
  • Inclure les jetons, en-têtes ou informations de session dans les appels API suivants
Exemples d’API :

Mapbox

Assure la navigation des personnes, des colis et des véhicules partout dans le monde.

Rive

Créez et publiez des animations interactives.

Together.ai

Exécutez ou affinez des modèles open source de pointe avec quelques lignes de code seulement.

PostHog

Analytics produit open-source pour le suivi du comportement des utilisateurs, les replays de sessions & l’A/B testing.

Firecrawl

Transformez des sites web en données prêtes pour les modèles de langage (LLM).

Perplexity

Ajoutez de puissantes fonctionnalités d’IA à votre application.

Zapier

Outil d’automatisation qui permet de connecter différentes applications web.

GoJS

Ajoutez des organigrammes, très utiles pour visualiser des workflows et des processus.

Transformers.js (HF)

Exécutez des modèles de machine learning directement dans le navigateur, sans serveur.

Grok / xAI

Ajoutez des capacités d’IA à votre application.

Twilio

Passer et recevoir des appels téléphoniques, envoyer et recevoir des SMS.

Linkup

Intégrez un moteur de recherche alimenté par l’IA à vos applications.

Google Workspace

Outils de productivité et de collaboration dans le cloud développés par Google.

Lemon Squeezy

Plateforme de commerce en ligne qui simplifie la vente de produits numériques.

Serper.dev

Intégrez les résultats de recherche de Google dans vos applications.

Notion

Fonctionnalités de prise de notes, de gestion des tâches et de base de données.

Mailgun

Envoyer, recevoir et suivre des e‑mails.

Calendly

Outil de planification qui facilite l’organisation des réunions.

SendGrid

Service d’envoi d’e-mails pour la gestion et l’acheminement des e-mails transactionnels et marketing.

TinyMCE

Éditeur de texte enrichi offrant une expérience d’édition WYSIWYG.

bannerbear

Automatise la création d’images et de vidéos pour les réseaux sociaux.

Carré

Acceptez des paiements, gérez les ventes et les différents aspects de votre activité commerciale.

HeyGen

Services de création de vidéos par IA.

Ticketmaster

Intégrez les informations sur vos événements et votre billetterie.

Tenor

Ajoutez des GIF à vos applications.

Ideogram

Génère des typographies et des images grâce à l’IA.

Luma

Créer ou partager des événements

Freesound

Accédez à une bibliothèque d’effets sonores et de boucles audio gratuits.

iLovePDF

Convertir, fusionner et modifier des fichiers PDF.

Discord

Créez des bots propulsés par l’IA.

Google Imagen

Générateurs texte‑vers‑image.

Slack

Automatisez vos messages et vos workflows.

Petfinder

Accédez à la base de données de Petfinder, qui répertorie des centaines de milliers d’animaux.

Sports DB

Recherchez et accédez aux données sur tous les joueurs, événements, programmes télévisés et résultats.

Application météo

Accédez aux données météo actuelles pour n’importe quel lieu.

YouTube

Ajoutez différentes fonctionnalités YouTube à votre application.

Findwork

Accédez aux offres d’emploi et à d’autres ressources professionnelles.

Pixabay

Recherchez et importez des images et des vidéos libres de droits.

Alpha Vantage

Données de marchés financiers en temps réel et historiques.

Flux

Sélectionnez et accédez en temps réel à l’actualité mondiale issue de diverses sources.

Kofi

Acceptez des dons, vendez des produits, recevez des demandes et générez des revenus grâce au streaming.

Statistiques GitHub

Suivez l’activité et les contributions du dépôt.

API TheNews

Recherchez des actualités et des articles de blog provenant de 150 000 sources dans le monde entier.

TripAdvisor

Intégrez le contenu de votre service, obtenez des réservations et dirigez les avis de vos clients vers Trip.

Verifone

Collecter les données de transaction.

New York Times

Recherchez des articles du New York Times.

Polygon.io

Consulter les données les plus récentes des marchés financiers.

Nuage de mots

Créer des nuages de mots.

Générateur de QR codes

Générer, lire et décoder des codes QR.

Deezer

Ajoutez des fonctionnalités musicales à votre application.

Hacker Earth

Compilez et exécutez du code dans plusieurs langages.

Cocktail DB

Accès à une vaste base de données de recettes de cocktails, d’ingrédients et d’images.

Beer API

Consulte des descriptions des différents types de bière, comme les ales, lagers, porters, stouts et bien plus encore.

API Hashtag

Récupérer, créer, mettre à jour et supprimer des hashtags.

USAJobs

Proposez des offres d’emploi sur votre site.

SFMTA

Transmettre un ou plusieurs trajets au SFMTA Electronic Access Taxi System.

UPCDatabase

Accéder à la base de données UPC.

Time API

Accédez à des informations sur les fuseaux horaires, convertissez l’heure entre différents fuseaux horaires et suivez les changements d’heure d’été.

Plotly

La bibliothèque de graphiques permet de créer des graphiques interactifs de qualité professionnelle, adaptés à la publication.

Manifest.build

Micro-backend.

PayPal

Intégrez les solutions de paiement PayPal à vos applications.

4everland

Backend alternatif.

Outseta

Créer et mettre à jour des personnes, comptes, abonnements et factures.

Recraft

Génération d’images vectorielles à partir de texte.

n8n

Automatisations et workflows.

Venise

Conversations avec l’IA non censurées et génération d’images.

Shopify

Développez vos capacités e-commerce.

BuildShip

Back-end et automatisation.

RunPod

Intégrations et déploiements de logique personnalisée.

Gumloop

Solution d’automatisation et de gestion des workflows.

Odoo

Récupérez et envoyez des données dans votre application.

Tableau

Outil d’analyse de données.

Power BI

Outil d’analyse de données.

Mermaid

Générez des schémas, graphiques et visualisations personnalisables.

Stancer

Alternative à Stripe.

Mercado

Crée des processus de paiement.

Canva

Intégrez Canva dans vos propres applications web.

Razorpay

Créer une interface de paiement (Inde)

Coinbase

Données de marché en temps réel.

GSAP

Bibliothèque d’animations.

Cohere

Intégrez le traitement et la génération du langage naturel à vos produits.

OpenRouter

Accédez à des centaines de modèles d’IA.

Fal AI

Déployez vos modèles d’IA personnalisés.

Paystack

Passerelle de paiement en ligne (Afrique)

Remotion

Crée une vidéo avec l’IA et exporte-la au format MP4.

Paddle

Paiements, taxes et gestion des abonnements.

Polar API

Extraire des données telles que les niveaux d’activité et la fréquence cardiaque depuis des appareils Polar.