Coder un SaaS en 24h avec Claude Code

Pas un prototype jetable : un SaaS en ligne, avec auth, base de données et paiement, en une journée. Voici le plan heure par heure, ce que Claude Code accélère vraiment, et les raccourcis qui se paient plus tard.

StackClaude CodeNext.jsPrismaStripeVercel

Le plan des 24h

La vitesse ne vient pas de taper plus vite, elle vient de ne pas hésiter. Le découpage que je suis, par blocs, pour ne jamais rester bloqué.

h 0-2scaffold, repo, CLAUDE.md, déploiement vide en ligne

h 2-8modèle de données, auth, CRUD principal

h 8-16les écrans clés, l’UI, les cas limites

h 16-22paiement Stripe, emails, polish

h 22-24tests, sécurité de base, mise en prod

Poser les fondations

La première règle : déployer une app vide en ligne dès la première heure. Un pipeline qui marche tôt évite le classique « ça marche en local mais pas en prod » à 23h.

shellBASHCopier

# heure 0-2 : poser les fondations, vite
$ npx create-next-app@latest shop --ts --tailwind --app
$ cd shop && git init && gh repo create --private --source=.
# ecrire le CLAUDE.md AVANT de coder : stack, conventions, commandes

Bon réflexe

Écris le CLAUDE.md avant la première ligne de code. C'est lui qui garde Claude aligné sur ta stack pendant 24h — j'en fais le cœur de les bases de Claude Code.

Construire par boucles

On avance feature par feature, en laissant Claude proposer un plan puis éditer. La clé de la vitesse : une tâche cadrée à la fois, et on lui fait lancer les tests à chaque étape.

sessionBASHCopier

> lis le CLAUDE.md. On construit un SaaS de gestion de factures.
> Etape 1 : schema Prisma (User, Org, Invoice) + auth par email/mot de passe.
# Claude propose le schema, les migrations, les routes. Tu relis chaque diff.
> lance prisma migrate et les tests

Ce qui casse quand on va vite

La sécurité sautée

Routes API non protégées, secrets en dur : le raccourci qui te revient en pleine figure. Garde 1h pour ça.

Zéro test

Sans tests, chaque nouvelle feature casse la précédente en silence. Même un smoke test vaut mieux que rien.

La dette de données

Un schéma bâclé à l’heure 3 se paie à l’heure 20. Prends 20 min de plus sur le modèle.

Le scope qui gonfle

En 24h, une seule proposition de valeur. Tout le reste attend demain.

Attention

Le plus gros risque n'est pas Claude, c'est toi qui acceptes des diffs sans les lire pour aller plus vite. Les erreurs classiques sont dans les erreurs courantes avec Claude Code.

Sources & ressources

01Next.js — create-next-app CLIToutes les options du scaffold — TypeScript, Tailwind, App Router, et l’option --agents-md qui génère CLAUDE.md.↗02Claude Code — Best practicesComment écrire un CLAUDE.md court et utile, et pourquoi il faut donner à Claude un test qu’il peut lancer lui-même.↗03Better Auth — InstallationAuth email/mot de passe en quelques étapes : secret, instance, schéma généré, route catch-all /api/auth/*.↗04Prisma — Migrate in development and productionLa distinction qui sauve à l’heure 22 : migrate dev en local, migrate deploy en prod — jamais l’inverse.↗05Stripe — Checkout quickstartLa page de paiement hébergée : session côté serveur, prix jamais dans le client, cartes de test.↗06Stripe — WebhooksVérifier la signature, répondre en 2xx vite, et gérer les doublons : les événements arrivent dans le désordre et sont rejoués.↗07Vercel — Deploying to VercelGit, CLI ou drop : les façons de mettre en ligne, et la séparation preview / production dès l’heure 1.↗

En résumé

Un SaaS en 24h, c'est possible parce que Claude Code supprime l'hésitation, pas la rigueur. Fondations solides tôt, boucles courtes, et une heure gardée pour la sécurité et les tests : le reste, c'est de l'exécution.

Doc Claude Code ↗

À lire ensuite

Technique

Les erreurs courantes avec Claude Code

Méga-prompts, pas de CLAUDE.md, jamais de tests, aucun commit : les pièges qui transforment l'agent en boulet.

Guide

Bien utiliser GitLab CI/CD

Un pipeline propre de bout en bout : stages, cache, artefacts, environnements et déploiement automatique.

Technique

Pourquoi Vercel pour son SaaS

Zéro infra, previews par PR, edge global : ce que Vercel te fait gagner — et le jour où il faut en partir.