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/external-accounts.md (or send Accept: text/markdown).

Externe Konten einrichten

Die Master-Checkliste: welche externen Dienste das Kit nutzen kann, was jeder Ihnen bringt und in welcher Reihenfolge Sie sie anlegen.

Sie können bauen, bevor Sie kaufen

Jede Funktion in diesem Kit läuft zuerst mit einem lokalen Ersatz — einem eingebauten Adapter, der den echten Dienst ohne Konto imitiert. EMAIL_PROVIDER=local schreibt Nachrichten auf eine Vorschauseite, statt sie zu versenden, AI_PROVIDER=fake liefert eine deterministische Fake-Antwort, BILLING_PROVIDER=local schließt den Checkout ohne Zahlungsanbieter ab, JOB_PROVIDER=local reiht Hintergrundjobs im Speicher ein, ohne sie auszuführen, und CAPTCHA_PROVIDER=off hält öffentliche Formulare offen. Die .env.example-Konfiguration wird genau so ausgeliefert — das Fünf-Minuten-Tutorial braucht also null kostenpflichtige Konten.

Legen Sie ein echtes externes Konto erst an, wenn Sie die Funktion ausliefern, die es antreibt: eine Datenbank vor der echten Anmeldung, einen E-Mail-Anbieter, bevor Nachrichten echte Posteingänge erreichen müssen, einen Billing-Anbieter, bevor Sie Geld abrechnen. Jede Anleitung unten nennt die Console-Seite, die zu kopierenden Werte und wo Sie sie einfügen.

Die komplette Konto-Checkliste

Diese Tabelle listet jeden externen Dienst auf, den ein supastack-Produkt brauchen kann. Überspringen Sie jede Zeile, deren Funktion Sie nicht ausliefern — ein reines Web-Produkt berührt die Mobile- und Desktop-Zeilen nie. Die Spalte Guide nennt das Doku, das die Konsole Klick für Klick durchgeht; die eigentlichen Links stehen unter „Wo Sie anfangen“ am Ende dieser Seite.

DienstWas er Ihnen bringtWofür gebrauchtGuide
Postgres-Datenbank (Supabase, Neon oder Docker)Tabellen für Konten, Workspaces und DatenEchte Anmeldung und gespeicherte DatenDatenbank einrichten
StripeKartenzahlungen und Abos im WebGeld abrechnen in der Web-AppStripe-Zahlungen hinzufügen
Resend oder Amazon SESVersand transaktionaler E-MailsAnmeldecodes und Belege in echten PosteingängenResend-E-Mail hinzufügen / Amazon SES für E-Mails einrichten
Google-Cloud-OAuth-ClientDer Button „Weiter mit Google“Google-Anmeldung anbietenGoogle-Anmeldung hinzufügen
GitHub OAuth AppDer Button „Weiter mit GitHub“GitHub-Anmeldung anbietenGitHub-Anmeldung hinzufügen
KI-Anbieterschlüssel (OpenAI, Anthropic oder OpenRouter)Echte ModellantwortenLive-KI-Aufgaben statt des Fake-AdaptersDie übrigen Anbieter-Keys einsammeln
Trigger.devVerwaltete Hintergrundjob-LäufeHintergrundarbeit in ProduktionDie übrigen Anbieter-Keys einsammeln
S3-kompatibler Bucket (z. B. Cloudflare R2)Datei- und ObjektspeicherUploads und gespeicherte DateienDie übrigen Anbieter-Keys einsammeln
Sentry oder PostHogFehler-Tracking und Produkt-AnalyticsObservability in ProduktionDie übrigen Anbieter-Keys einsammeln
Cloudflare TurnstileSpam-Prüfungen für öffentliche FormulareÖffentliche Registrierungs- und KontaktformulareDie übrigen Anbieter-Keys einsammeln
Domain-Registrar + DNSIhr eigener DomainnameEine öffentliche https://yourdomain.com-AdresseDie übrigen Anbieter-Keys einsammeln / Auf Google Cloud bereitstellen
Hosting (Google Cloud Run oder ein VPS + Coolify)Eine öffentliche HTTPS-URL für die Web-AppLivegang für echte NutzerAuf Google Cloud bereitstellen / Bereitstellungs-Checkliste
Expo + EASCloud-Builds der nativen AppAlles über die Expo-Go-Vorschau hinausMobile-Konten einrichten
Apple Developer ProgramiOS-Signierung, App-Store-Einreichung, Sign in with AppleiPhone-Releases und Apple-AnmeldungMobile-Konten einrichten / Apple-Anmeldung hinzufügen
Google Play ConsoleDer Android-Store-EintragPlay-Store-EinreichungMobile-Konten einrichten
RevenueCatVerifizierte native Käufe und WiederherstellungenAbos innerhalb der App verkaufenRevenueCat-Käufe einrichten
Apple Developer ID + Signing-CASignierte und notarisierte Desktop-InstallerÖffentliche Desktop-Releases ohne WarnungenDesktop-Release-Konten einrichten

Eine sinnvolle Reihenfolge

Legen Sie Konten in der Reihenfolge an, in der Funktionen online gehen. Für die meisten Web-Produkte heißt das: 1. Postgres-Datenbank, 2. Transaktions-E-Mail, 3. Google- und/oder GitHub-Anmeldung, 4. Billing, 5. ein KI-Anbieter — danach Storage, Hintergrundjobs, Observability und Spam-Schutz, sobald das Produkt sie braucht.

Hosting und Domain kommen zuletzt — eine öffentliche URL ist erst nützlich, wenn es eine funktionierende App gibt, auf die sie zeigen kann. Mobile-Konten (Expo, Apple, Google Play, RevenueCat) und Desktop-Signierkonten werden erst wichtig, wenn Sie diese Plattformen erreichen; für einen reinen Web-Launch überspringen Sie sie komplett.

Bewahren Sie jedes Secret — OAuth-Client-Secrets, API-Keys, Webhook-Signing-Secrets und das Passwort in DATABASE_URL — in .env.local-Dateien oder im Secret Manager Ihres Hosts auf. Legen Sie sie nie in NEXT_PUBLIC_- oder EXPO_PUBLIC_-Variablen ab und committen Sie sie nie zu Git.

Wo Sie anfangen

Die detaillierten Anleitungen unten führen jede Konsole Klick für Klick. Arbeiten Sie von oben nach unten: die Sign-in-Anbieter, dann die Konto-Walkthroughs für Zahlungen, E-Mail und die übrigen Anbieter-Keys, dann die Anbieter-Setup-Referenzen für die Dienste, die Ihr Produkt ausliefert, dann das Deployment; die Plattform-Konto-Guides, sobald Sie Mobile oder Desktop erreichen.

Wenn du die Einrichtung fortsetzen möchtest, lies Google-Anmeldung hinzufügen.

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