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

KI einrichten

Echte Modelle hinter den Aliasen cheap / fast / smart — Keys bleiben auf dem Server.

Einrichtung und Konfiguration

Lesen Sie vor jedem Schritt Bevor Sie beginnen und Terminal-Grundlagen. Bei diesen Anweisungen wird davon ausgegangen, dass Sie das vollständige Supastack-Monorepo in VS Code geöffnet haben. Sein Stamm package.json markiert den Repository-Stamm. In pnpm-Befehlen ist ein Arbeitsbereichspaket eine App oder ein Ordner mit gemeinsam genutztem Code. Im Produkt ist ein Arbeitsbereich der Datencontainer und die Sicherheitsgrenze eines Teams. corepack pnpm --filter ... wählt ein Paket aus dem Monorepo aus, während Befehle von seinem Stammverzeichnis aus ausgeführt werden. Wenn Sie nur einen synchronisierten Mobil- oder Desktop-Ordner geöffnet haben, enthält dieser weder das Web-Backend, Docker-Setup noch Root-Skripte: Führen Sie das Backend von diesem Monorepo oder einem erreichbaren gehosteten Server aus und verwenden Sie die eigenen Skripte des Plattformordners. Eine Umgebungsvariable ist eine benannte Einstellung, die in einer lokalen .env-Datei oder Ihrem Hosting-Dashboard gespeichert ist; Starten Sie die entsprechende App neu, nachdem Sie sie geändert haben, und halten Sie Servergeheimnisse von den Werten NEXT_PUBLIC_ und EXPO_PUBLIC_ fern.

1. Öffnen Sie apps/web/.env.local für den lokalen Webserver und apps/web/src/agent-runtime.ts für die Anbieterauswahl. .env.example ist die Liste der unterstützten Einstellungsnamen.

2. Behalten Sie AI_PROVIDER=fake für die lokale Schnittstellenarbeit bei, es sei denn, Sie verfügen über ein eigenes Anbieterkonto und möchten die echte Generierung testen. Legen Sie niemals Anbieterschlüssel in einer NEXT_PUBLIC_- oder EXPO_PUBLIC_-Einstellung ab.

3. Starten Sie die Web-App im Repository-Stammverzeichnis mit corepack pnpm --filter @supastack/web dev. Erwartet: Lokale Bildschirme können erkundet werden, ohne einen kostenpflichtigen Anbieter zu konfigurieren. Für die tatsächliche Generierung sind ein gültiger Serveranbieter und aktivierte Modelloptionen im Datenbankkatalog erforderlich.

Der Standardwert AI_PROVIDER=fake unterstützt deterministische lokale Arbeit. Echte Provider werden in der Serverumgebung konfiguriert. Die in .env.example aufgeführten Provider-Schlüssel decken OpenAI, Anthropic und einen OpenAI-kompatiblen Endpunkt ab.

AI_MODEL_POLICY enthält geordnete Modell-IDs für die Aliase cheap, fast und smart. Eine leere Aliasliste deaktiviert diese Auswahl. Modell-IDs müssen aktivierten Katalogeinträgen in der Datenbank mit gültigen, unveränderlichen Preisen entsprechen.

AI_MODEL_POLICY='{"cheap":[],"fast":["catalog-model-id"],"smart":["catalog-model-id"]}'
AGENT_FRAMEWORK=ai-sdk    # ai-sdk | mastra | langgraph | openai-agents

Befehle zum Kopieren

Befolgen Sie die Kommentare, um zu sehen, in welchem Ordner ein Befehl ausgeführt wird. Wenn zwei Terminals gekennzeichnet sind, öffnen Sie zwei Terminalfenster und lassen Sie den ersten Befehl laufen, während Sie den zweiten verwenden.

corepack pnpm --filter @supastack/web dev

Implementierungsablauf

Konfigurieren Sie Katalog und Workspace-Richtlinie, bevor Sie Produktionsaufgaben annehmen. Der Browser erhält die aktivierten Aliase; Funktionsabgleich, Modellauswahl, Berechtigungsprüfung und Budgetkontrolle bleiben auf dem Server.

Legen Sie Zugangsdaten niemals in Variablen mit NEXT_PUBLIC_ oder EXPO_PUBLIC_ ab. Verwenden Sie für eigene Schlüssel die bestehende verschlüsselte Hülle und serverseitige Entschlüsselungsgrenze; geben Sie niemals einen gespeicherten Providerschlüssel an die Oberfläche zurück.

Überprüfung und Fehlerbehebung

Meldet die App, dass kein KI-Modell verfügbar ist, prüfen Sie AI_PROVIDER auf dem Server, aktivierte Modelle und Preise im Admin-Katalog sowie die Alias-Richtlinie cheap/fast/smart. Liefert ein echter Anbieter einen Authentifizierungsfehler, prüfen Sie seinen Schlüssel in apps/web/.env.local und starten Sie den Server neu. Ein Schlüssel mit dem Präfix NEXT_PUBLIC_ wäre im Browser sichtbar und muss entfernt werden.

Prüfen Sie deaktivierte Aliase, fehlende Funktionen, inaktive Berechtigungen und ausgeschöpfte Budgets. Verwenden Sie für echte Generierung einen separat autorisierten Provider-Smoke-Test. Ist kein Alias verfügbar, prüfen Sie die Serverrichtlinie und den Katalog, statt einen freien Modellwähler anzuzeigen.

Wenn du die Einrichtung fortsetzen möchtest, lies Hintergrundjobs 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