Zum Inhalt springen
supastack
Dokumentation durchstöbern
WebNext.js

For AI agents: fetch the complete documentation index at /llms.txt, the full documentation corpus at /llms-full.txt, the agent skill at /skill.md, or this page as Markdown at /de/docs/web/resend-email.md (or send Accept: text/markdown).

Resend-E-Mail hinzufügen

Erstellen Sie ein kostenloses Resend-Konto, verifizieren Sie eine Versanddomain und stellen Sie EMAIL_PROVIDER um, damit Codes und Belege echte Posteingänge erreichen.

Schritt-für-Schritt für Einsteiger

Voraussetzungen: Die App läuft lokal (In 5 Minuten shippen). Starten Sie kostenlos — keine Karte, und Resends Free Tier deckt Entwicklungsvolumen ab.

Kurze Begriffe: EMAIL_PROVIDER=local ist der Standard — Nachrichten werden auf die eingebaute /mail-preview-Seite geschrieben und verlassen Ihren Rechner nie, was beim Bauen perfekt ist. Resend ist der Adapter, der echte Posteingänge erreicht. EMAIL_FROM ist die Absender-Identität, die Templates nutzen; ihre Adresse muss auf einer von Resend verifizierten Domain liegen. DNS-Records sind die Zeilen, die Sie bei Ihrem Registrar oder Cloudflare einfügen, damit empfangende Postfächer Ihrem Absender vertrauen.

Was Sie erstellen: ein Resend-Konto, eine verifizierte Versanddomain und einen API-Key — der Domain-Schritt ist der einzige Wartepunkt, denn DNS-Propagation dauert Minuten bis Stunden.

Das Resend-Konto erstellen

1. Öffnen Sie resend.com → Sign up, bestätigen Sie Ihre E-Mail, und Sie landen im Dashboard.

2. Starten Sie mit dem Free Tier — Sie können vor der eigenen Domain sogar Testmail von Resends geteiltem Absender schicken; das behandelt der nächste Abschnitt.

Ihre Versanddomain verifizieren

Schnellversuch ohne Domain: Die Adresse [email protected] funktioniert sofort als EMAIL_FROM — sie liefert aber nur an die E-Mail, mit der Sie sich angemeldet haben, nie an Nutzer. Nutzen Sie sie, um die Pipeline laufen zu sehen, dann machen Sie das echte Setup.

1. Öffnen Sie Domains → Add Domain und tragen Sie die Domain ein, von der Sie senden (zum Beispiel yourdomain.com; eine Subdomain wie mail.yourdomain.com geht auch und hält Records aufgeräumt).

2. Resend listet die anzulegenden DNS-Records — DKIM-TXT-Records plus MX/SPF- oder CNAME-Einträge, je nach Kontenalter. Legen Sie jeden bei Ihrem DNS-Host an: auf der DNS-Seite Ihres Registrars oder bei Cloudflare, falls Sie die Nameserver umgezogen haben. Auf Cloudflare bleibt die Proxy-Wolke bei Mail-Records grau (DNS only) — proxied Records verifizieren nie.

3. Klicken Sie in Resend auf Verify. Erwartet: Die Domain springt auf Verified. Propagation dauert Minuten bis zu einem Tag; die Domain-Seite nennt den genauen Record, der noch nicht auflöst.

Nach der Verifizierung funktioniert jede Adresse auf der Domain als Absender — hello@, no-reply@, was immer EMAIL_FROM nutzt — keine Registrierung pro Adresse nötig.

Den API-Key erstellen

1. Öffnen Sie API Keys → Create API Key.

2. Permission: Sending access reicht — das Kit sendet nur. Benennen Sie den Key nach seiner Umgebung (production, local), damit ein geleakter Dev-Key widerrufen werden kann, ohne die Produktion anzufassen.

3. Kopieren Sie den re_…-Key jetzt — er wird einmal gezeigt. Ihn zu verlieren heißt nur, einen neuen zu erstellen.

Die Werte in die App eintragen

Setzen Sie die Zeilen unten in apps/web/.env.local. RESEND_API_KEY bleibt serverseitig — nie NEXT_PUBLIC_/EXPO_PUBLIC_, nie committet; EMAIL_PROVIDER und EMAIL_FROM sind schlichte Konfiguration. Starten Sie den Dev-Server nach dem Bearbeiten neu.

EMAIL_FROM muss auf der verifizierten Domain liegen: [email protected] erreicht nur Ihre eigene Anmeldeadresse, und eine unverifizierte Domain bekommt eine 403-Ablehnung von Resend.

# apps/web/.env.local
EMAIL_PROVIDER=resend
EMAIL_FROM="Your Product <[email protected]>"
RESEND_API_KEY=re_…

Prüfen und Fehler beheben

Starten Sie neu, öffnen Sie /auth und fordern Sie einen Anmeldecode an einen echten Posteingang an, den Sie kontrollieren. Erwartet: Die Nachricht kommt an, und Resend → Emails zeigt die Zustellung mit grünem Status — in diesem Log stehen auch Bounce- und Fehlergründe.

Nichts gesendet? Prüfen Sie, ob EMAIL_PROVIDER=resend in apps/web/.env.local wirklich gespeichert wurde, und starten Sie neu. Ein 403 im Server-Log heißt: EMAIL_FROM liegt nicht auf der verifizierten Domain — oder [email protected] wurde an jemand anderen als Sie selbst geschickt.

Später ein anderer Anbieter? EMAIL_PROVIDER akzeptiert auch ses (mit den AWS-Keys) und die Transports postmark, sendgrid, mailgun, smtp, brevo — gleicher EMAIL_FROM-Vertrag, andere Env-Namen, alle in .env.example gelistet. Der E-Mail-Guide vergleicht sie.

Wenn du die Einrichtung fortsetzen möchtest, lies Amazon SES für E-Mails einrichten.

Häufige Fragen

14 Fragen

Was ist supastack?

supastack ist eine modulare Basis zum Bauen von KI-gestützten SaaS-Produkten. Sie bündelt die gemeinsame Infrastruktur, damit du dich auf die Funktionen konzentrieren kannst, die dein Produkt ausmachen.

Unterstützt es Web und Mobil?

Ja. supastack enthält Next.js- und Expo-Apps als Ausgangspunkt für Web- und Mobile-Erlebnisse.

Welche Authentifizierung ist enthalten?

Better Auth deckt E-Mail/Passwort, OTP und Social Login ab. Persönliche Workspaces werden mit dem Konto provisioniert, damit Datensätze vom ersten Tag an begrenzt sind.

Wie wird KI unterstützt?

supastack enthält konfigurierbare Multi-Anbieter-KI, Nutzungsverfolgung, Budgets und verschlüsselte Bring-your-own-key-Unterstützung.

Wie werden Abonnements gehandhabt?

Für Produkte, die auf dem Kit aufbauen, bilden Stripe-Abrechnung, Abonnements und Berechtigungen die Basis für bezahlten Zugang. Anbieter-Geheimnisse bleiben serverseitig.

Wo liegt mein produktspezifischer Code?

Produktspezifische Funktionen bleiben in einem separaten Codebase, während das Produkt die Basismodule von supastack konfiguriert und integriert.

Wie funktioniert die Preisgestaltung von supastack?

Das Kit ist ein Einmalkauf mit lebenslangen Updates: Ein Framework für 249 $ (befristeter Einführungspreis — 100 $ Rabatt auf den regulären Preis von 349 $) oder Alle Frameworks (Next.js, iOS, Android) für 499 $ (befristeter Einführungspreis — 100 $ Rabatt auf den regulären Preis von 599 $), plus 75 $ pro zusätzlichem Entwickler-Sitz. Kein Kit-Abo. Checkout auf dieser Website liefert deinen Lizenzschlüssel per E-Mail, mit Repo-Zugang per GitHub-Einladung.

Wie begrenzen Workspaces meine Daten?

Nutzerdatensätze sind über workspaceId begrenzt. Identität, Berechtigungen, KI-Nutzung, Abrechnungsereignisse und Audit-Einträge bleiben innerhalb der persönlichen Workspace-Grenze.

Wie funktionieren Hintergrundjobs?

Trigger.dev ist die explizite Job-Laufzeit. Der JobRunner-Vertrag verspricht nur enqueue, status und cancel — Workflow-Semantik bleibt Trigger.dev-spezifisch und explizit.

Wie unterscheidet sich E-Mail von Outreach?

Transaktions-E-Mail deckt Produktabläufe wie Task-Abschluss-Hinweise ab. Cold Outreach und Kampagnen gehören zum Produkt selbst, außerhalb des E-Mail-Moduls dieses Kits.

Wie funktionieren mobile Käufe?

Mobile bietet native Käufe und Wiederherstellung über RevenueCat; dein Server prüft den Zugriff. Konfiguriere die Store-Konten und schließe Gerätetests vor der Veröffentlichung ab. Web-Abrechnung bleibt separat.

Wo liegen die KI-Anbieter-Schlüssel?

BYOK-Zugangsdaten sind verschlüsselt und bleiben serverseitig. Schlüssel werden in Logs bereinigt; Nutzung und Budgets bleiben auf Workspace-Ebene sichtbar.

Welche Zahlungsmethoden akzeptiert der Checkout?

Der von Stripe gehostete Checkout akzeptiert Karten und kann — sobald die Wallets im Stripe-Konto aktiviert sind — auch Alipay und WeChat Pay anbieten, praktisch für Käufer in China. Wallet-Autorisierungen werden asynchron bestätigt, sodass sich die Lizenzseite aktualisiert, sobald die Zahlung eingegangen ist.

Kann ich eine Rückerstattung erhalten?

Sobald du Zugriff auf das Repository hast, gehört supastack für immer dir und kann daher nicht zurückerstattet werden. Aber keine Sorge: Du erhältst den vollständigen Quellcode mit lebenslangen Updates, um unbegrenzt viele Produkte für dich oder deine Kunden zu erstellen und zu veröffentlichen. Du darfst den Code lediglich nicht weiterverkaufen oder das Repository als Starter-Kit oder Vorlage weitergeben.

DE
Design