Tutorials

Anleitung: Resend API Key zu Lovable AI hinzufügen

Melden

Hier ist ein einfaches Schritt-für-Schritt-Tutorial, wie du einen Resend API-Key in Lovable (ehemals GPT Engineer) integrierst, um E-Mails direkt aus deiner App zu versenden.

Resend ist ein moderner E-Mail-Dienst, der oft mit Lovable verwendet wird, um Bestätigungs-E-Mails, Newsletter oder Benachrichtigungen zu versenden. Um dies zu ermöglichen, musst du Lovable mitteilen, wie es auf dein Resend-Konto zugreifen kann.

Schritt 1: Resend API Key erstellen

Bevor du in Lovable arbeitest, benötigst du den Schlüssel von Resend.

  1. Melde dich bei deinem Resend.com Account an.
  2. Klicke in der linken Seitenleiste auf "API Keys".
  3. Klicke auf den Button "Create API Key".
  4. Gib dem Schlüssel einen Namen (z. B. "Lovable App").
  5. Wähle unter Berechtigungen (Permissions) "Full Access".
  6. Klicke auf "Add".
  7. Wichtig: Kopiere den API Key sofort und speichere ihn kurzzeitig zwischen. Er wird dir aus Sicherheitsgründen nur einmal angezeigt.

Schritt 2: Lovable Projekt öffnen

  1. Gehe zu Lovable.dev und öffne das Projekt, in dem du die E-Mail-Funktion nutzen möchtest.

Schritt 3: Den API Key als Umgebungsvariable hinzufügen

Damit Lovable sicher auf den Key zugreifen kann, ohne ihn direkt in den Code zu schreiben, nutzen wir "Secrets" (Umgebungsvariablen).

  1. Klicke in der Lovable-Oberfläche unten links auf das Zahnrad-Icon (Settings) oder suche nach dem Bereich "Secrets" / "Environment Variables".
  2. Klicke auf "Add New Secret" (oder ein ähnliches Plus-Symbol).
  3. Gib im Feld "Name" folgendes ein: RESEND_API_KEY
  4. Füge im Feld "Value" (Wert) den API Key ein, den du in Schritt 1 bei Resend kopiert hast.
  5. Klicke auf "Save" oder "Add".

Schritt 4: Lovable anweisen, Resend zu nutzen

Jetzt, da der Key hinterlegt ist, musst du der KI nur noch sagen, was sie damit tun soll.

Schreibe einen Prompt in den Chat, zum Beispiel:

"Ich habe den RESEND_API_KEY zu den Secrets hinzugefügt. Bitte erstelle eine Funktion, die eine Willkommens-E-Mail an den Benutzer sendet, wenn er sich registriert."

Lovable wird nun den notwendigen Code schreiben und die Bibliothek (meistens das resend SDK) automatisch installieren.

Wichtiger Hinweis für den Versand:

  • Domain verifizieren: In der kostenlosen Version von Resend kannst du E-Mails standardmäßig nur an deine eigene E-Mail-Adresse senden (zu Testzwecken).
  • Um E-Mails an beliebige Personen zu senden, musst du in deinem Resend-Dashboard unter "Domains" deine eigene Domain verifizieren (DNS-Einstellungen).

Zusammenfassung der Best Practices

  • Sicherheit: Gib den API Key niemals direkt im Chat-Fenster ein. Nutze immer die "Secrets"-Funktion in den Einstellungen.
  • Nomenklatur: Halte dich an den Namen RESEND_API_KEY, da dies der Standardname ist, den viele Vorlagen und die KI automatisch erwarten.

Viel Erfolg bei der Entwicklung deiner App!

0