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

Dépannage

Diagnostiquez les problèmes de configuration à la frontière réellement en échec.

Configuration et paramètres

Avant toute étape, lisez Avant de commencer et Principes de base du terminal. Ces instructions supposent que vous avez ouvert le monorepo supastack complet dans VS Code ; sa racine package.json marque la racine du référentiel. Dans les commandes pnpm, un package d'espace de travail est une application ou un dossier de code partagé ; dans le produit, un espace de travail est le conteneur de données et la limite de sécurité d'une équipe. corepack pnpm --filter ... sélectionne un package dans le monorepo tandis que les commandes sont exécutées à partir de sa racine. Si vous avez ouvert uniquement un dossier mobile ou de bureau synchronisé, il ne contient pas le backend Web, la configuration Docker ou les scripts racine : exécutez le backend à partir de ce monorepo ou d'un serveur hébergé accessible et utilisez les propres scripts du dossier de plateforme. Une variable d'environnement est un paramètre nommé stocké dans un fichier .env local ou dans votre tableau de bord d'hébergement ; redémarrez l'application concernée après l'avoir modifiée et conservez les secrets du serveur en dehors des valeurs NEXT_PUBLIC_ et EXPO_PUBLIC_.

1. Copiez la première ligne d'erreur utile et la commande qui l'a produite ; ne collez pas de valeurs secrètes.

2. À partir de la racine du référentiel, exécutez le corepack pnpm --filter @supastack/web typecheck pour les erreurs de type Web ou le corepack pnpm test pour la suite automatisée.

3. Pour un problème de navigateur, démarrez Web avec le corepack pnpm --filter @supastack/web dev et reproduisez-le sur http://localhost:3000. Attendu : vous pouvez savoir si l'échec vient de la configuration, du code, de la base de données, du fournisseur ou du navigateur avant de modifier les paramètres.

Avant de modifier la configuration, lisez la commande en échec et la première erreur pertinente. Déterminez si le problème concerne l’installation des dépendances, la compilation, la validation de l’environnement, l’accès à la base, la distribution à un fournisseur ou le comportement du navigateur.

corepack pnpm --filter @supastack/web typecheck
corepack pnpm --filter @supastack/web build
corepack pnpm test

Commandes à copier

Suivez les commentaires pour voir dans quel dossier une commande s'exécute. Si deux terminaux sont étiquetés, ouvrez deux fenêtres de terminal et laissez la première commande s'exécuter pendant que vous utilisez la seconde.

corepack pnpm --filter @supastack/web typecheck
corepack pnpm test

Erreurs de premier lancement, décodées

Le premier lancement échoue d'un petit nombre de façons. Faites correspondre la première ligne d'erreur rouge à une ligne du tableau — les erreurs suivantes sont généralement des conséquences de la première, donc corrigez celle du haut avant tout le reste.

SymptômeCause probablePremier correctif
node, corepack ou pnpm n'est pas reconnu / commande introuvableL'outil n'est pas installé, ou le terminal était ouvert avant la fin de l'installationInstallez-le (ou rouvrez le terminal), puis réessayez node --version
Aucun package.json trouvé / ENOENT package.jsonLe terminal est dans le mauvais dossierFaites cd jusqu'à la racine du dépôt — le dossier qui contient package.json — puis réessayez
EADDRINUSE / le port 3000 est déjà utiliséUn autre serveur de dev occupe encore le portTrouvez le terminal de ce serveur et appuyez sur Ctrl + C, puis relancez
ECONNREFUSED vers localhost:5432 ou une erreur de connexion à la base de donnéesPostgres n'est pas démarréExécutez docker compose up -d postgres, attendez l'état healthy, puis réessayez
Erreur de validation d'environnement nommant une clé manquante`apps/web/.env.local` est absent ou contient une valeur requise videCopiez la clé nommée depuis `.env.example`, donnez-lui une valeur, enregistrez et redémarrez le serveur
corepack ou pnpm introuvable après corepack enableAucun shim pnpm n'est sur le PATHUtilisez corepack pnpm ... directement — il n'a jamais besoin de shim ; sous Windows utilisez corepack.cmd
PowerShell dit qu'un script .ps1 ne peut pas s'exécuter / est bloquéLa politique de scripts de PowerShell bloque le shimUtilisez la forme .cmd — corepack.cmd pnpm install — aucun changement de politique nécessaire

Processus d’implémentation

Si l’API est inaccessible, vérifiez que le serveur fonctionne et que l’origine configurée correspond à celle du client. Si aucun choix d’IA n’est disponible, examinez AI_MODEL_POLICY et les entrées activées du catalogue. Pour une tâche mise en file dont l’issue est incertaine, utilisez le parcours de reprise enregistré au lieu de soumettre une nouvelle tâche.

Pour les problèmes de mise en page du navigateur, examinez les styles calculés et reproduisez la taille exacte de la fenêtre. Les jetons du chrome produit se trouvent dans app-theme.css (palettes dans catalog.ts) ; le verrou de marque marketing est dans theme.css. La spécificité peut encore donner priorité aux styles de composants. Vérifiez le rayon rendu et pas uniquement la déclaration du jeton.

Vérification et dépannage

Si la page est sur :3001, ouvrez :3000 pour l'application Web ; :3001 appartient au serveur apps/docs distinct. Si un test demande un accès à la base de données, utilisez une base de données de développement isolée et vérifiez les deux emplacements .env. Si la même erreur persiste, incluez la commande et la première ligne d'erreur nettoyée lorsque vous demandez de l'aide ; ne désactivez jamais les contrôles d’accès et n’imprimez jamais de secrets dans les journaux.

Ne résolvez pas un contrôle en échec en désactivant l’autorisation, en journalisant des secrets ou en considérant que des contrôles d’infrastructure ignorés sont réussis. Préparez une reproduction minimale et la configuration pertinente sans secret. Après la correction, relancez le contrôle en échec puis les tests de régression concernés.

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