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

Créer vos comptes externes

La checklist de référence : quels services externes le kit peut utiliser, ce que chacun vous apporte et dans quel ordre les créer.

Vous pouvez construire avant d'acheter

Chaque fonctionnalité de ce kit tourne d'abord avec un remplaçant local — un adaptateur intégré qui imite le vrai service sans compte. EMAIL_PROVIDER=local écrit les messages dans une page de prévisualisation au lieu de les envoyer, AI_PROVIDER=fake renvoie une réponse factice déterministe, BILLING_PROVIDER=local termine le checkout sans prestataire de paiement, JOB_PROVIDER=local met les tâches de fond en file en mémoire sans les exécuter, et CAPTCHA_PROVIDER=off laisse les formulaires publics ouverts. La configuration .env.example est livrée ainsi — le tutoriel de cinq minutes ne demande donc aucun compte payant.

Ne créez un vrai compte externe que lorsque vous livrez la fonctionnalité qu'il alimente : une base de données avant la vraie connexion, un fournisseur d'e-mail avant que les messages doivent atteindre de vraies boîtes de réception, un fournisseur de facturation avant de facturer de l'argent. Chaque guide ci-dessous nomme la page de console, les valeurs à copier et où les coller.

La checklist complète des comptes

Ce tableau liste chaque service externe dont un produit supastack peut avoir besoin. Ignorez toute ligne dont vous ne livrez pas la fonctionnalité — un starter 100 % web ne touche jamais les lignes mobile et desktop. La colonne Guide nomme la doc qui parcourt cette console clic par clic ; les liens réels sont dans « Par où commencer » en fin de page.

ServiceCe qu'il vous apporteNécessaire pourGuide
Base de données Postgres (Supabase, Neon ou Docker)Tables pour les comptes, les workspaces et les donnéesConnexion réelle et données enregistréesConfigurer la base de données
StripePaiements par carte et abonnements sur le webEncaisser de l'argent dans l'app webAjouter les paiements Stripe
Resend ou Amazon SESEnvoi d'e-mails transactionnelsCodes de connexion et reçus dans de vraies boîtes de réceptionAjouter l'e-mail Resend / Configurer les e-mails Amazon SES
Client OAuth Google CloudLe bouton Continuer avec GoogleProposer la connexion GoogleAjouter la connexion Google
OAuth App GitHubLe bouton Continuer avec GitHubProposer la connexion GitHubAjouter la connexion GitHub
Clé de fournisseur IA (OpenAI, Anthropic ou OpenRouter)De vraies réponses de modèleTâches IA réelles au lieu de l'adaptateur facticeRécupérer les clés de fournisseur restantes
Trigger.devExécutions de tâches de fond géréesTravail de fond en productionRécupérer les clés de fournisseur restantes
Bucket compatible S3 (p. ex. Cloudflare R2)Stockage de fichiers et d'objetsUploads et fichiers stockésRécupérer les clés de fournisseur restantes
Sentry ou PostHogSuivi d'erreurs et analytics produitObservabilité en productionRécupérer les clés de fournisseur restantes
Cloudflare TurnstileContrôles anti-spam sur les formulaires publicsFormulaires publics d'inscription et de contactRécupérer les clés de fournisseur restantes
Registrar de domaine + DNSVotre propre nom de domaineUne adresse publique https://yourdomain.comRécupérer les clés de fournisseur restantes / Déployer sur Google Cloud
Hébergement (Google Cloud Run ou un VPS + Coolify)Une URL HTTPS publique pour l'app webPassage en production pour de vrais utilisateursDéployer sur Google Cloud / Liste de contrôle de déploiement
Expo + EASBuilds cloud de l'app nativeTout au-delà de l'aperçu Expo GoCréer les comptes mobiles
Programme Apple DeveloperSignature iOS, soumission App Store, Sign in with AppleSorties iPhone et connexion AppleCréer les comptes mobiles / Ajouter la connexion Apple
Google Play ConsoleLa fiche du store AndroidSoumission au Play StoreCréer les comptes mobiles
RevenueCatAchats natifs vérifiés et restaurationsVendre des abonnements dans l'appConfigurer les achats RevenueCat
Developer ID Apple + CA de signatureInstallateurs desktop signés et notariésSorties desktop publiques sans avertissementsCréer les comptes de publication desktop

Un ordre de création sensé

Créez les comptes dans l'ordre où les fonctionnalités passent en ligne. Pour la plupart des produits web : 1. base de données Postgres, 2. e-mail transactionnel, 3. connexion Google et/ou GitHub, 4. facturation, 5. un fournisseur d'IA — puis stockage, tâches de fond, observabilité et protection anti-spam selon les besoins du produit.

L'hébergement et le domaine viennent en dernier — une URL publique n'est utile qu'une fois qu'une app fonctionnelle existe pour la pointer. Les comptes mobiles (Expo, Apple, Google Play, RevenueCat) et les comptes de signature desktop ne comptent que lorsque vous atteignez ces plateformes ; ignorez-les complètement pour un lancement 100 % web.

Gardez chaque secret — secrets clients OAuth, clés API, secrets de signature webhook et le mot de passe dans DATABASE_URL — dans des fichiers .env.local ou le gestionnaire de secrets de votre hébergeur. Ne les placez jamais dans des variables NEXT_PUBLIC_ ou EXPO_PUBLIC_ et ne les committez jamais sur Git.

Par où commencer

Les guides détaillés ci-dessous parcourent chaque console clic par clic. Travaillez de haut en bas : les fournisseurs de connexion, puis les parcours de comptes pour les paiements, l'e-mail et les clés de fournisseur restantes, puis les références de configuration des services que votre produit livre, puis le déploiement ; les guides de comptes de plateforme quand vous atteignez le mobile ou le desktop.

Pour poursuivre la configuration, consultez Ajouter la connexion Google.

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