Aller au contenu
Tous les articles

Webhooks Stripe et Lemon Squeezy idempotents dans Next.js

Comment vérifier les signatures brutes des webhooks, dédupliquer les livraisons rejouées à la frontière de la base de données et empêcher des abonnements qui se chevauchent de révoquer l'accès payant.

l'équipe supastack2 min de lecture

How do I handle Stripe and Lemon Squeezy webhooks idempotently in Next.js?

It depends on your billing providers, but the core architecture is identical: verify the raw payload signature before parsing JSON, normalize provider events into a shared internal contract, and enforce idempotency at the database boundary using the provider's event or order ID. Never grant product entitlements from a client-side checkout redirect; let the verified webhook transactionally update subscription state and entitlements once. supastack prewires this pipeline for Stripe, Lemon Squeezy, and mobile RevenueCat, though single-plan apps can start with a simpler handler.

Vérifiez la charge utile brute avant de toucher au JSON

Chaque prestataire de paiement signe la séquence exacte d'octets envoyée sur le réseau. Si un gestionnaire de route analyse await request.json() puis resérialise l'objet avant de vérifier la signature, les différences d'ordre des clés ou d'espaces invalideront des webhooks légitimes — ou inciteront les développeurs à désactiver la vérification en préproduction.

Lisez le corps brut une seule fois avec await request.text() dans votre gestionnaire POST Next.js App Router, vérifiez la signature cryptographique avec le secret serveur et rejetez tout échec avec un code HTTP 400 avant d'exécuter la moindre requête SQL. Le guide du module de facturation montre comment supastack isole la vérification des signatures derrière un point d'entrée BFF unique.

export async function POST(request: Request) {
  const rawBody = await request.text();
  const signature = request.headers.get("stripe-signature");
  if (!signature) return new Response("Missing signature", { status: 400 });

  const event = stripe.webhooks.constructEvent(
    rawBody,
    signature,
    env.STRIPE_WEBHOOK_SECRET,
  );
  await handleNormalizedBillingEvent(event);
  return Response.json({ received: true });
}
  • Lisez le corps brut de la requête avec request.text() — ne resérialisez jamais du JSON déjà analysé.
  • Conservez STRIPE_WEBHOOK_SECRET et les secrets de signature Lemon Squeezy dans une configuration strictement côté serveur.
  • Utilisez une comparaison à temps constant (crypto.timingSafeEqual) lors de la vérification manuelle de signatures HMAC.

Dédupliquez à la frontière de la base de données, pas en mémoire

Stripe et Lemon Squeezy renvoient les webhooks dès qu'un déploiement redémarre, qu'une fonction serverless expire ou qu'un saut réseau perd la réponse. Les ensembles en mémoire ou les clés de cache éphémères disparaissent entre les instances et n'empêcheront pas deux tentatives simultanées d'accorder deux licences ou d'envoyer deux reçus par e-mail.

Enregistrez l'identifiant d'événement du prestataire ou l'état de règlement de la commande dans la même transaction Postgres que celle qui modifie les droits d'abonnement. Un INSERT ... ON CONFLICT DO NOTHING atomique ou une mise à jour conditionnelle sur status != 'paid' transforme un rejeu simultané en opération neutre. Pour concevoir les offres que ces webhooks activent, le générateur de page de tarifs SaaS aide à modéliser les paliers et les sièges en amont.

const settled = await db.transaction(async (tx) => {
  const [inserted] = await tx
    .insert(billingWebhookEvents)
    .values({ providerEventId: event.id, provider: "stripe" })
    .onConflictDoNothing({ target: billingWebhookEvents.providerEventId })
    .returning({ id: billingWebhookEvents.id });

  if (!inserted) return false; // Already processed
  await applyWorkspaceEntitlement(tx, event);
  return true;
});

Gérez les événements désordonnés et les abonnements qui se chevauchent

Rien ne garantit que les webhooks arrivent dans l'ordre où l'utilisateur a cliqué. customer.subscription.updated peut arriver avant checkout.session.completed, et un client qui ouvre accidentellement deux onglets de paiement peut détenir brièvement deux abonnements dans le même workspace.

Rattachez les résiliations et les échecs de paiement à l'identifiant d'abonnement précis qui a déclenché l'événement. Avant de révoquer le droit payant d'un workspace, vérifiez si un autre abonnement actif couvre toujours ce workspace — sinon la résiliation d'un doublon supprime silencieusement l'accès que le client continue de payer.

  • Indexez l'état de l'abonnement par providerSubscriptionId, et pas uniquement par workspaceId.
  • Maintenez le droit payant d'un workspace actif tant qu'au moins un abonnement est active ou trialing.
  • Vérifiez que le montant payé et la devise correspondent au SKU attendu avant d'honorer les commandes à paiement unique.

Questions fréquentes sur les webhooks de facturation SaaS

Ces questions reviennent chaque fois qu'une équipe passe la facturation des tests sandbox au trafic de production.

  • Puis-je débloquer les fonctionnalités payantes dès la redirection de succès du paiement ? — Non. Les URL de redirection peuvent être mises en favoris, partagées ou visitées avant le règlement des moyens de paiement asynchrones. Utilisez la page de succès pour interroger l'état du serveur pendant que le webhook vérifié accorde l'accès.
  • Quel code HTTP doit renvoyer un webhook en doublon ? — Renvoyez 200 OK dès que votre base de données confirme que l'événement a déjà été traité. Renvoyer 4xx ou 5xx demande au prestataire de continuer à réessayer.
  • Comment tester localement les relances de webhooks ? — Écrivez des tests unitaires déterministes qui envoient deux fois la même charge utile signée et vérifiez qu'une seule licence, un seul droit ou un seul e-mail transactionnel est produit.
  • Comment les achats intégrés mobiles s'intègrent-ils au même modèle ? — Faites passer les notifications serveur RevenueCat par la même table idempotente de droits afin que les achats web et mobiles ne s'écrasent jamais mutuellement — consultez la check-list de lancement pour les vérifications avant mise en ligne.

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 : Stack unique à 249 $ — au choix parmi les dépôts Next.js (Web), Expo (iOS et Android) ou Tauri (macOS et Windows) —, Double stack à 398 $ avec deux dépôts au choix, ou Pack complet à 399 $ avec les trois dépôts et le monorepo complet, 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. Une exception existe : le remboursement de lancement — lancez un produit en ligne créé avec supastack, partagez-le et atteignez 5 000 vues organiques ou 50 mentions J’aime organiques dans les 60 jours pour récupérer 50 % du montant payé ; voir les conditions.

FR