Aller au contenu
supastack
Parcourir la documentation
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 /fr/docs/web/configuration.md (or send Accept: text/markdown).

Configuration

Gardez la configuration de l’application explicite et les identifiants fournisseurs côté serveur.

Effectuez une modification de configuration et vérifiez-la

Commencez avec une application Web en cours d’exécution. Dans l'éditeur, ouvrez apps/web/.env.local ; s'il n'existe pas, copiez-y .env.example à l'aide du didacticiel Web. Pour une première vérification inoffensive, recherchez EMAIL_PROVIDER=local et laissez-le local. Ce paramètre envoie l'e-mail du produit vers l'aperçu local au lieu d'une véritable boîte de réception. Ne collez pas les lignes KEY=value dans le terminal.

Pour chaque service que vous activez, suivez le guide de configuration de ce fournisseur, remplacez uniquement les valeurs nommées, enregistrez le fichier, arrêtez le serveur Web avec Ctrl + C et redémarrez avec la commande ci-dessous. Si la validation nomme une clé manquante, rouvrez ce fichier et comparez cette clé avec le guide du fournisseur. Gardez root .env synchronisé uniquement pour les valeurs utilisées par les migrations de bases de données ; le copier seul ne configure pas Next.js.

corepack pnpm --filter @supastack/web dev

Les réglages que vous modifierez vraiment en premier

.env.example à la racine du dépôt est l'inventaire complet des réglages que le kit comprend ; un nom absent de ce fichier n'existe pas. Vous n'en modifiez qu'une poignée au début — les autres gardent leurs valeurs par défaut jusqu'à ce qu'un guide de fournisseur les demande.

Quel fichier chaque app lit : le .env racine alimente les commandes de migration, apps/web/.env.local alimente le serveur Next.js, et apps/mobile/.env.local alimente Expo. Modifier un fichier ne configure pas les autres, donc DATABASE_URL vit à la fois dans le .env racine et dans apps/web/.env.local.

  • APP_URL — l'adresse où vit l'app ; http://localhost:3000 en local, votre domaine en production.
  • DATABASE_URL — la chaîne de connexion Postgres que les migrations et le serveur partagent.
  • AUTH_SECRET et CREDENTIAL_ENCRYPTION_KEY — des secrets générés ; node scripts/setup-env.mjs les remplit pour vous (cet utilitaire est livré dans le dépôt Web et le monorepo All Platforms).
  • Les sélecteurs de fournisseur — EMAIL_PROVIDER, AI_PROVIDER, BILLING_PROVIDER, JOB_PROVIDER, CAPTCHA_PROVIDER — chacun choisit quel adaptateur s'exécute ; les valeurs par défaut local/fake/off n'exigent aucun compte.
  • Les secrets de fournisseur tels que RESEND_API_KEY ou STRIPE_SECRET_KEY — à n'ajouter que quand le guide du fournisseur correspondant vous le dit.

Commencer par l’exemple d’environnement

Le .env.example racine est l’inventaire de configuration. La validation partagée se trouve dans packages/config. Examinez ensemble l’environnement choisi et les modes des fournisseurs ; une interface locale ne constitue pas une stratégie d’identifiants de production.

Le mode de référence sans identifiants exige une configuration d’application locale/de test et des fournisseurs fake/local. Le choix d’un fournisseur de production modifie les exigences du runtime.

Garder les secrets derrière l’API

Les secrets d’authentification, identifiants de base, clés de fournisseurs, secrets Stripe et identifiants Trigger sont réservés au serveur. Ne leur ajoutez jamais le préfixe NEXT_PUBLIC_ ou EXPO_PUBLIC_. Ne les affichez pas pendant la configuration et ne les incluez pas dans les réponses d’erreur.

Le navigateur reçoit la configuration publique et les alias de modèles autorisés. La propriété de l’espace de travail, les décisions de droits, les budgets et le choix des fournisseurs restent imposés par le serveur.

Vérifier un changement avant de l’utiliser

Validez la configuration avec le package config existant et exécutez les tests déterministes pertinents. Lorsque vous souhaitez valider de vraies intégrations, utilisez le parcours d’essai fournisseur auquel vous avez choisi de participer séparément.

corepack pnpm test
corepack pnpm check
corepack pnpm build

Pour poursuivre la configuration, consultez Configurer la base de données.

Questions fréquentes

14 questions

Qu'est-ce que supastack ?

supastack est une fondation modulaire pour construire des produits SaaS avec IA. Elle réunit l'infrastructure commune pour que vous puissiez vous concentrer sur les fonctionnalités propres à votre produit.

Prend-il en charge le web et le mobile ?

Oui. supastack inclut des applications Next.js et Expo comme points de départ pour des expériences web et mobile.

Quelle authentification est incluse ?

Better Auth couvre e-mail/mot de passe, OTP et connexion sociale. Les espaces de travail personnels sont provisionnés avec le compte pour que les enregistrements restent délimités dès le premier jour.

Comment l'IA est-elle prise en charge ?

supastack inclut une IA multi-fournisseurs configurable, le suivi d'usage, des budgets, et la prise en charge chiffrée de vos propres clés (BYOK).

Comment les abonnements sont-ils gérés ?

Pour les produits construits sur le kit, la facturation Stripe, les abonnements et les droits d'accès forment la base de l'accès payant. Les secrets fournisseur restent côté serveur.

Où vit le code propre à mon produit ?

Les fonctionnalités propres au produit restent dans un codebase séparé, tandis que le produit configure et intègre les modules de la fondation supastack.

Comment fonctionne la tarification de supastack ?

Le kit est un achat unique avec mises à jour à vie : Un framework à 249 $ (prix de lancement temporaire — 100 $ de réduction par rapport au prix habituel de 349 $) ou Tous les frameworks (Next.js, iOS, Android) à 499 $ (prix de lancement temporaire — 100 $ de réduction par rapport au prix habituel de 599 $), plus 75 $ par siège développeur supplémentaire. Pas d'abonnement au kit. Le paiement sur ce site livre votre clé de licence par e-mail, avec accès au dépôt via invitation GitHub.

Comment les espaces de travail délimitent mes données ?

Les enregistrements appartenant aux utilisateurs sont délimités par workspaceId. Identité, droits d'accès, usage IA, événements de facturation et entrées d'audit restent dans le périmètre de l'espace personnel.

Comment fonctionnent les jobs en arrière-plan ?

Trigger.dev est le runtime de jobs explicite. Le contrat JobRunner ne promet que enqueue, status et cancel — la sémantique de workflow reste propre à Trigger.dev et explicite.

En quoi l'e-mail diffère-t-il de la prospection ?

L'e-mail transactionnel couvre les flux produit comme les avis de fin de tâche. La prospection à froid et les campagnes relèvent du produit, hors du module e-mail de ce kit.

Comment fonctionnent les achats sur mobile ?

Le mobile inclut les achats natifs et leur restauration via RevenueCat, avec un accès vérifié par votre serveur. Configurez les comptes des boutiques et terminez les tests sur appareil avant publication. La facturation web reste séparée.

Où vivent les clés des fournisseurs IA ?

Les identifiants BYOK sont chiffrés et restent côté serveur. Les clés sont masquées dans les journaux ; l'usage et les budgets restent visibles au niveau de l'espace de travail.

Quels moyens de paiement le checkout accepte-t-il ?

Le checkout hébergé par Stripe accepte les cartes et peut aussi proposer Alipay et WeChat Pay une fois ces portefeuilles activés sur le compte Stripe — pratique pour les acheteurs en Chine. Les autorisations de portefeuille se confirment de manière asynchrone : la page de licence se met à jour dès que le paiement est validé.

Puis-je obtenir un remboursement ?

Une fois que vous avez accès au dépôt, supastack vous appartient pour toujours et ne peut donc pas être remboursé. Mais rassurez-vous : vous obtenez le code source complet avec des mises à jour à vie pour créer et déployer un nombre illimité de produits pour vous ou vos clients. Vous ne pouvez simplement pas revendre le code ni redistribuer le dépôt sous forme de kit de démarrage ou de modèle.

FR
Thème