Next.js Subscription Payments Starter
vercel/nextjs-subscription-payments ↗ ·★ 7.7k ·TypeScript ·MIT
Starter Next.js d'abonnement archivé, avec Stripe, Supabase et Vercel, désormais remplacé par le nouveau Next.js SaaS Starter.
Aperçu
Next.js Subscription Payments Starter est l’ancien template de Vercel pour une activité d’abonnement avec Next.js, Stripe et Supabase. Le README indique désormais qu’il a été remplacé par nextjs/saas-starter, donc cette page doit être lue comme une référence pour le flux Stripe/Supabase ou pour maintenir des déploiements existants, pas comme la première recommandation pour un nouveau produit.
L’architecture répartit proprement les responsabilités. Supabase possède l’identité et la base de données (avec la sécurité au niveau des lignes, pour que les utilisateurs ne voient que leurs propres données), Stripe possède l’argent, et la couche Next.js orchestre entre les deux. Les webhooks Stripe sont la colle : lorsqu’un abonnement est créé, mis à niveau ou annulé, un gestionnaire met à jour Supabase pour que votre logique applicative puisse simplement lire le plan actuel depuis votre propre base de données.
Le déploiement reste bien documenté. Le bouton Vercel clone le dépôt et provisionne l’intégration Supabase pendant la configuration ; ensuite, vous ajoutez vos clés Stripe, définissez les produits et les prix, puis testez le checkout avec la CLI Stripe. La nuance importante en 2026 est que Vercel oriente les nouveaux projets vers son starter successeur, tandis que ce dépôt reste surtout utile pour apprendre ou pour les équipes déjà construites dessus.
Points forts
- ✓ Stripe Checkout et le portail client câblés de bout en bout
- ✓ Supabase pour l'authentification, Postgres et la sécurité au niveau des lignes
- ✓ Les webhooks maintiennent automatiquement l'état des abonnements synchronisé
- ✓ Archivé par Vercel et remplacé par le nouveau Next.js SaaS Starter
Idéal pour
- →Étudier un flux d'abonnement complet avec Stripe et Supabase
- →Maintenir une application existante créée depuis ce template
- →Comparer l'ancien template avec le SaaS starter plus récent de Vercel
Pour commencer
- 1 Lisez l'avertissement du README et envisagez le nouveau nextjs/saas-starter pour un projet neuf
- 2 Créez des produits et des prix dans votre tableau de bord Stripe (ou utilisez les fixtures incluses)
- 3 Ajoutez votre clé secrète Stripe et le secret de signature des webhooks comme variables d'environnement
- 4 Exécutez la CLI Stripe pour relayer les webhooks localement, puis testez un flux de paiement
FAQ
Supabase. Il fournit Postgres, l'authentification et la sécurité au niveau des lignes, tandis que Stripe gère les paiements. L'application Next.js les relie entre eux.
Pour expérimenter ou maintenir un projet existant, oui — l'offre Hobby de Vercel héberge le front-end et l'offre gratuite de Supabase couvre l'authentification et la base de données. Pour un nouveau SaaS en production, évaluez d'abord le template remplaçant.
Les webhooks Stripe notifient l'application des abonnements nouveaux, mis à jour et annulés, et le gestionnaire écrit l'état actuel dans Supabase pour que votre interface reflète toujours la réalité de la facturation.
Guides de déploiement
Déployer Next.js Subscription Payments Starter gratuitement
Plateformes à offre gratuite capables d’héberger ce projet. Choisissez-en une et lancez-vous.
