Apprendre

Du doute au lancement, étape par étape.

Quatre parcours pratiques pour valider ton idée, définir ton MVP, choisir ton prix et lancer ton produit, puis le guide pour le mettre en production. Coche au fur et à mesure : ta progression est enregistrée.

Commencer par valider mon idée →Mise en production

5: parcours
16: étapes
36: points à cocher
Libre: accès sans offre payante

Mettre un SaaS en production

Base de données, paiements, hébergement, domaine et pages légales. Ouvre l'onglet « Mise en production » d'un projet pour obtenir ce guide adapté à ton SaaS, avec ton script SQL et tes produits Stripe.

Supabase

La base de données et les comptes utilisateurs. Tes données sont protégées par des règles d'accès.

Stripe

Les paiements par carte et les abonnements. Ton site ne voit jamais les numéros de carte.

Vercel

L'hébergement : ton site est mis en ligne à chaque modification de ton code.

GitHub

Le dépôt où est rangé le code de ton SaaS, avec son historique.

Nom de domaine

L'adresse de ton site (ex. monsaas.fr), louée chaque année chez un registraire.

Exemple : un SaaS avec comptes et abonnement

Ouvrir un de mes projets

1
Créer les comptes nécessaires30 min · Chaque service a un rôle : le code (GitHub), l'hébergement (Vercel), la base de données et les comptes (Supabase), les paiements (Stripe).
1. Crée un compte GitHub (gratuit) : c'est là que vivra le code de ton SaaS.
2. Crée un compte Vercel en te connectant avec GitHub : il mettra ton site en ligne.
3. Crée un compte Supabase (offre gratuite pour démarrer).
4. Crée un compte Stripe : tu peux tout tester en mode test sans rien payer ni encaisser.
5. Facultatif : réserve un nom de domaine chez un registraire (environ 10 à 20 € par an selon l'extension).
GitHub ↗Vercel ↗Supabase ↗Stripe ↗
Vérifie les conditions des offres gratuites : par exemple, l'offre gratuite de Vercel est réservée aux projets non commerciaux. Dès que tu encaisses de l'argent, prévois l'offre payante.
2
Obtenir le code de l'applicationVariable · Décollage te donne un prototype, une landing et une configuration. Il faut maintenant construire la vraie application.
1. Télécharge l'archive du projet (onglet Export) : elle contient la landing, le prototype et decollage.json.
2. Option sans code : recrée les pages listées dans le README avec un outil no-code qui se branche sur Supabase.
3. Option avec code : crée une application Next.js et reproduis les pages du prototype, ou confie-le à un développeur avec l'archive.
4. Pages à prévoir : Accueil, Contenus, Espace membre, Communauté, Connexion, Profil.
Démarrer une application Next.js (option code)
```
npx create-next-app@latest plateforme-d-abonnement
cd plateforme-d-abonnement
npm install @supabase/supabase-js @supabase/ssr stripe
```
Décollage ne génère pas encore le code complet de l'application : cette étape reste à faire.

Configurer la base de données (Supabase)20 min · Supabase stocke les données de tes utilisateurs et protège l'accès avec des règles (RLS) : chacun ne voit que ses données.

Dans Supabase, clique sur « New project ». Choisis une région en Europe (proche de tes utilisateurs, et plus simple pour le RGPD).
Note bien le mot de passe de la base dans un gestionnaire de mots de passe.
Ouvre « SQL Editor », colle le script ci-dessous, puis clique sur « Run ».
Va dans « Project Settings → API » et copie l'URL du projet et la clé « anon » (publique).
Copie aussi la clé « service_role » : elle est SECRÈTE et ne doit servir que côté serveur (webhook Stripe).

Script SQL de tes tables

-- Tables de « Plateforme d'abonnement » (modèle Plateforme d'abonnement). À coller dans Supabase → SQL Editor → Run.

create table public.profiles (
  id uuid primary key references auth.users (id) on delete cascade,
  nom text,
  role text not null default 'Créateur',
  created_at timestamptz not null default now()
);
alter table public.profiles enable row level security;
create policy "profil : lecture et modification par son propriétaire" on public.profiles
  for all using (auth.uid() = id) with check (auth.uid() = id);

create table public.contenus (
  id uuid primary key default gen_random_uuid(),
  user_id uuid not null default auth.uid() references auth.users (id) on delete cascade,
  titre text,
  format text,
  acces text,
  publie_le text,
  created_at timestamptz not null default now()
);
alter table public.contenus enable row level security;
create policy "contenus : accès par leur propriétaire" on public.contenus
  for all using (auth.uid() = user_id) with check (auth.uid() = user_id);

create table public.subscriptions (
  id text primary key,                       -- identifiant de l'abonnement Stripe
  user_id uuid not null references auth.users (id) on delete cascade,
  stripe_customer_id text not null,
  status text not null,
  price_id text,
  current_period_end timestamptz,
  updated_at timestamptz not null default now()
);
alter table public.subscriptions enable row level security;
create policy "abonnement : lecture par son propriétaire" on public.subscriptions
  for select using (auth.uid() = user_id);
-- Les écritures se font uniquement depuis le webhook Stripe, avec la clé service_role.

Tableau de bord Supabase ↗

4
Activer les comptes utilisateurs15 min · Ton SaaS utilise la connexion (Email + mot de passe). Supabase gère l'inscription, la connexion et les emails.
1. Dans « Authentication → Sign In / Providers », vérifie que le fournisseur Email est activé.
2. Dans « Authentication → URL Configuration », mets l'adresse du site (https://ton-domaine.fr) comme Site URL, et ajoute https://ton-domaine.fr/auth/callback dans les Redirect URLs.
3. Personnalise les emails (« Email Templates ») avec le nom de ton SaaS.
4. Avant d'avoir de vrais utilisateurs, configure un service d'envoi d'emails (SMTP) : l'envoi intégré de Supabase est très limité.
5
Brancher les paiements (Stripe)45 min · Stripe encaisse les paiements par carte, gère les abonnements et envoie les factures. Ton site ne voit jamais les numéros de carte.
1. Reste en mode test (interrupteur « Test mode ») tant que tout n'est pas vérifié.
2. Dans « Catalogue de produits », crée un produit par offre payante : « Pro » à 9 € par mois, « Équipe » à 23 € par mois.
3. Copie l'identifiant de chaque prix (commence par price_…) dans tes variables d'environnement.
4. Dans « Développeurs → Webhooks », ajoute l'adresse https://ton-domaine.fr/api/stripe/webhook avec les événements checkout.session.completed et customer.subscription.created / updated / deleted.
5. Copie la clé de signature du webhook (whsec_…).
6. Active le « Portail client » pour que tes abonnés puissent changer d'offre ou résilier seuls (la résiliation en ligne simple est une obligation pour les abonnements).
7. Teste un paiement avec la carte de test 4242 4242 4242 4242 (n'importe quelle date future et n'importe quel code).
Tableau de bord Stripe ↗Cartes de test Stripe ↗
Vérifie les frais de Stripe sur sa page de tarifs : ils sont prélevés sur chaque paiement. Pour encaisser, il te faut un statut (par exemple micro-entreprise).

Préparer les variables d'environnement10 min · Les clés relient ton code à Supabase et Stripe. Elles ne doivent jamais être publiées sur GitHub.

Crée un fichier .env.local à la racine du projet avec le contenu ci-dessous, en remplaçant les valeurs.
Vérifie que .env.local est bien listé dans le fichier .gitignore.
Seules les variables qui commencent par NEXT_PUBLIC_ sont visibles dans le navigateur : n'y mets jamais de clé secrète.

.env.local

# Supabase → Project Settings → API
NEXT_PUBLIC_SUPABASE_URL=https://xxxx.supabase.co
NEXT_PUBLIC_SUPABASE_ANON_KEY=
SUPABASE_SERVICE_ROLE_KEY=           # secrète : jamais dans le navigateur

# Stripe → Développeurs → Clés API / Webhooks
STRIPE_SECRET_KEY=sk_test_...
STRIPE_WEBHOOK_SECRET=whsec_...
STRIPE_PRICE_PRO=price_...   # Pro : 9 € / mois
STRIPE_PRICE_EQUIPE=price_...   # Équipe : 23 € / mois

# Adresse publique du site (sans / final)
NEXT_PUBLIC_APP_URL=https://plateforme-d-abonnement.vercel.app

7
Mettre en ligne (Vercel)15 min · Vercel construit ton application à chaque modification sur GitHub et la sert dans le monde entier.
1. Envoie ton code sur un dépôt GitHub (privé de préférence).
2. Dans Vercel, clique sur « Add New → Project » et importe ce dépôt.
3. Avant de lancer le déploiement, ajoute toutes les variables d'environnement (Settings → Environment Variables).
4. Clique sur « Deploy » : ton site est disponible sur une adresse en .vercel.app.
Nouveau projet Vercel ↗
8
Brancher ton nom de domaine30 min (+ propagation) · Une adresse à ton nom inspire confiance et se retient mieux.
1. Dans Vercel, ouvre « Settings → Domains » et ajoute ton-domaine.fr.
2. Vercel t'indique les enregistrements DNS à créer chez ton registraire : recopie-les exactement.
3. Attends la propagation (de quelques minutes à quelques heures) : le cadenas HTTPS s'active tout seul.
4. Mets à jour la Site URL et les Redirect URLs dans Supabase avec https://ton-domaine.fr.
5. Mets à jour l'adresse du webhook dans Stripe avec https://ton-domaine.fr/api/stripe/webhook.
6. Mets à jour NEXT_PUBLIC_APP_URL dans Vercel avec https://ton-domaine.fr, puis redéploie.
9
Les pages légales2 à 3 h · Un site public qui collecte des données doit afficher certaines informations, sinon tu risques une sanction.
1. Mentions légales : qui édite le site, comment te contacter, qui l'héberge.
2. Politique de confidentialité : quelles données tu collectes (emails, comptes…), pourquoi, combien de temps, et comment les supprimer.
3. Conditions d'utilisation : ce que l'utilisateur peut faire, tes responsabilités.
4. Conditions générales de vente : prix, paiement, résiliation, droit de rétractation.
5. Bandeau cookies : seulement si tu utilises des cookies non indispensables (statistiques, publicité).
6. Pour encaisser de l'argent, il te faut un statut (par exemple micro-entreprise) : renseigne-toi sur les démarches officielles.
CNIL : guide RGPD ↗Créer une micro-entreprise ↗
Ces pages engagent ta responsabilité : en cas de doute, fais-les relire par un professionnel.
10
Tester avant le lancement2 h · Le premier visiteur ne doit pas tomber sur une erreur.
1. Crée un compte, déconnecte-toi, reconnecte-toi.
2. Ajoute, modifie et supprime des données : vérifie qu'elles sont bien enregistrées.
3. Avec deux comptes différents, vérifie que chacun ne voit QUE ses propres données.
4. Fais un paiement test, puis une résiliation : vérifie que l'accès change bien.
5. Teste sur téléphone (iPhone et Android) et sur un petit écran.
6. Fais tester le parcours à 3 personnes sans les aider, et note où elles bloquent.
11
Passer les paiements en réel1 h (+ vérification Stripe) · En mode test, aucun argent n'est encaissé. Le passage en réel demande de vérifier ton identité.
1. Dans Stripe, active ton compte : identité, statut, compte bancaire où recevoir l'argent.
2. Recrée tes produits et prix en mode réel (ils ne sont pas copiés depuis le mode test).
3. Crée le webhook en mode réel, puis remplace dans Vercel les clés de test par les clés réelles (sk_live_…, nouveau whsec_…, nouveaux price_…).
4. Redéploie et fais un vrai petit paiement, puis rembourse-le pour vérifier tout le circuit.
12
Après le lancementChaque semaine · Un SaaS en ligne se surveille : erreurs, sauvegardes, retours des utilisateurs.
1. Vérifie quelles sauvegardes de base de données sont incluses dans ton offre Supabase.
2. Consulte régulièrement les journaux d'erreurs dans Vercel.
3. Relève tes chiffres chaque semaine (onglet Indicateurs) et réponds à chaque retour d'utilisateur.

Du doute au lancement, étape par étape.

Valider une idée

Définir un MVP

Choisir un prix

Lancer son produit

Mettre un SaaS en production

Exemple : un SaaS avec comptes et abonnement