Gratuit
SaaS Starter Kit
Build proprement ton premier produit.
Ce kit condense la méthode de la Build School en checklists actionnables. Imprime-le, coche au fur et à mesure, et garde-le à côté de ton éditeur.
1. Stack recommandée
- Next.js (App Router) + TypeScript
- Tailwind CSS pour l’UI
- Supabase / Postgres pour les données et l’auth
- Stripe pour le paiement
- Resend pour les emails
- Vercel pour le déploiement
2. Architecture de base
- Un seul repo, structure claire (app/, lib/, components/)
- Variables d’environnement séparées client/serveur
- Un module de données centralisé
- Server components par défaut, client seulement si nécessaire
3. Checklist avant de coder
- Écris le problème en une phrase
- Dessine les 3 écrans principaux
- Liste les entités de données
- Choisis UNE feature cœur, coupe le reste
4. Checklist landing page
- Un titre clair qui dit ce que ça fait
- Un CTA visible
- Responsive mobile-first
- Metadata + OpenGraph
5. Checklist auth
- Login / logout qui marche
- Routes protégées
- État utilisateur accessible partout
- Onboarding minimal
6. Checklist database
- Schéma avant code
- Relations et contraintes
- Validation côté serveur
- Migrations versionnées
7. Checklist Stripe
- Checkout en test mode d’abord
- Ne jamais faire confiance au prix côté client
- Webhook avec vérification de signature
- Idempotence sur l’event id
8. Checklist email
- Emails transactionnels seulement
- Templates réutilisables
- Domaine vérifié
- Fallback si la clé manque
9. Checklist SEO
- Title + description par page
- Sitemap + robots
- Canonical + OpenGraph
- Pages réellement indexables
10. Checklist lancement
- Build de prod qui passe
- Pas d’erreur console
- Domaine + HTTPS
- Analytics branché
Les 15 erreurs classiques des débutants
- 01Commencer par le design parfait au lieu du flux principal.
- 02Empiler les features avant d’avoir un seul parcours qui marche.
- 03Copier l’IA sans comprendre le code généré.
- 04Faire confiance au prix envoyé par le client (Stripe).
- 05Oublier la validation côté serveur.
- 06Mettre les clés secrètes côté client.
- 07Sauter les migrations et modifier la DB à la main.
- 08Ignorer les cas d’erreur (réseau, paiement refusé).
- 09Négliger le responsive mobile.
- 10Déployer sans tester le build de production.
- 11Repousser le SEO à « plus tard ».
- 12Ne pas gérer l’idempotence des webhooks.
- 13Stocker des données sensibles inutiles.
- 14Coder trois jours sans committer.
- 15Attendre d’être « prêt » pour lancer au lieu de shipper.
Roadmap 30 jours
- Jours 1–5Setup, repo, landing page, design system
- Jours 6–12Next.js + TypeScript, database, schéma
- Jours 13–20Auth, dashboard, routes protégées
- Jours 21–26Paiement Stripe, webhooks, emails Resend
- Jours 27–30Feature IA, SEO, analytics, déploiement, lancement
Prêt à construire pour de vrai ? Le programme complet t’attend.