Build in Public #2 : Ma Stack et Mon Workflow pour Construire un SaaS en Solo

TL;DR : Voici ma stack complète pour construire un SaaS en solo (Cursor + GPT-5 + Claude + Supabase + Vercel), mon workflow de "Vibe Coder" avec des sessions à 6h du matin, et mes 3 hacks pour aller 2x plus vite. Spoiler : changer d'IA quand tu es bloqué change TOUT.

---

Dans le premier chapitre de cette aventure, je t'ai présenté ResumeRank, mon premier Micro-SaaS. L'accueil a été top, et un grand merci pour tous vos retours !

Comme promis, je dévoile tout. Aujourd'hui, on passe aux choses sérieuses : comment j'ai construit ce projet de A à Z, sans être dev, et en parallèle de mon job de salarié.

Tu vas découvrir :

• Ma stack technique complète (et pourquoi j'ai fait ces choix)
• Mon workflow quotidien de Solo Builder
• Mes 3 astuces concrètes pour gagner un temps fou
• Un bonus sur la création d'icônes cohérentes avec l'IA

L'objectif de cet article, c'est que tu puisses te lancer toi aussi. Plus d'excuses, juste de l'action.

L'Atelier du Solo Builder : Ma Stack Technique

Quand on n'est pas développeur, le choix des outils peut faire peur. Mon critère a été simple : le meilleur rapport qualité/prix et la meilleure intégration avec l'IA. Pas de chichis, que de l'efficace.

1. L'Éditeur de Code (IDE) : Cursor

Au début, j'aimais beaucoup Lovable, mais leur prix était plus élevé à l'époque. Je suis tombé sur une vidéo d'un Vibe Coder américain qui expliquait son choix de Cursor pour la tarification, et ça m'a convaincu. Ayant codé le site ce site (Make Time) avec VS Code, je n'ai pas été trop intimidé par l'interface. C'est mon "co-fondateur technique" au quotidien.

2. Les IA : Un Duo Stratégique

C'est LA leçon la plus importante de ce projet : ne jamais être fidèle à une seule IA.

• GPT-5 pour la réflexion et le plan : Il a une vision d'ensemble incroyable. Je l'utilise pour la stratégie, l'architecture, et pour me proposer un plan d'action détaillé quand je suis bloqué.
• Claude (Opus/Sonnet) pour l'exécution : Une fois que le plan est clair, je le donne à Claude. Il est extrêmement rapide et efficace pour générer du code propre et direct.
• Grok pour du code rapide et gratuit : C'est aussi l'élément sympa avec Cursor, quand des nouveaux modèles d'IA sortent (GPT5 et Grok Fast Code) ils sont gratuits pendant une courte période de temps.

En pratique : Quand je démarre une nouvelle fonctionnalité, je commence toujours par une session avec GPT-5 pour structurer l'approche. Une fois que j'ai un plan clair en 5-6 étapes, je bascule sur Cursor avec Claude pour l'implémentation. Cette méthode m'a fait gagner des heures sur le projet.

3. La Base de Données : Supabase

J'ai choisi Supabase pour sa simplicité. C'est un "backend-as-a-service" qui gère la base de données, l'authentification, etc. Je l'ai découvert grâce à Lovable car la connexion y est native, depuis il est dans l'ensemble de mes projets.

4. Le Déploiement : GitHub + Vercel

C'est le combo magique qui rend la mise en ligne simple :

• GitHub : Tout mon code est là. C'est ma sauvegarde.
• Vercel : Mon serveur, connecté à GitHub. À chaque fois que je valide une modification, Vercel met le site à jour automatiquement.

5. Les Outils Périphériques

• OVH : Pour le nom de domaine resumerank.io.
• Resend : Pour envoyer les emails (bienvenue, mot de passe oublié...).
• Notion : Mon second cerveau. C'est là que je stocke mes idées, ma roadmap, et que je prépare mes sessions de travail.
• Wispr : Pour dicter mes prompts à l'IA (on en reparle dans les astuces).

Mon Workflow au Quotidien : La session de travail de 6h à 7h30

J'ai de la chance, j'ai pas besoin de beaucoup de sommeil pour fonctionner. Cela me permet de travailler le matin avant d'aller au travail.

Pour moi, ça ressemble à ça :

Ma routine de Vibe Coder :

• 🌅 4-5 matins par semaine : Réveil à 6h, session de code intense jusqu'à 7h30 avant le travail
• 🌙 Quelques soirs : Sessions de 1h si j'ai l'énergie (mais je privilégie les matins où je suis plus frais)
• 🎯 Week-end : Une session de 2-3h le samedi ou dimanche pour les features complexes
• 📊 Total : Environ 8-12h par semaine

Pourquoi j'aime mes sessions du matin ?

Trois raisons :

1. L'énergie : Mon cerveau est frais, je résous les problèmes plus vite
2. Zéro interruption : Personne ne m'écrit à 6h du matin
3. La satisfaction : Commencer la journée en ayant déjà accompli des choses

C'est un marathon, pas un sprint. Certaines semaines, je fais 15h. D'autres, 5h seulement. L'important, c'est la régularité, pas l'intensité.

Mes 3 "Hacks" de Vibe Coder pour Gagner un Temps Fou

Construire seul, c'est avant tout une course contre la montre. Voici 3 astuces qui m'ont sauvé des dizaines d'heures.

Astuce #1 : Changer d'IA quand tu es bloqué

J'ai passé des heures bloqué sur le parsing des CVs en PDF. C'était un cauchemar. Claude, pourtant excellent pour coder, tournait en rond.

Du coup j'ai pris une autre approche en expliquant le problème à GPT-5. Il a pris du recul, a proposé une approche complètement différente... et ça a débloqué la situation. Ensuite, j'ai redonné cette nouvelle approche à Claude pour qu'il l'implémente.

Leçon : Si ton IA n'y arrive pas, le problème n'est pas forcément toi. Parfois, il faut juste un autre "cerveau".

Astuce #2 : Nourrir l'IA avec le Bon Contexte

Une IA sans contexte est une IA moins performante. Pour qu'elle soit efficace, je lui donne un maximum d'informations. Mes deux armes secrètes :

1. Le Cahier des Charges en Markdown

Il sert de "constitution" au projet. Je le mets systématiquement dans le contexte de Cursor pour que l'IA ne parte jamais dans la mauvaise direction.

Mon template de cahier des charges :

# ResumeRank - Cahier des Charges

## Vision
[Description en 2-3 phrases]

## Architecture
- Frontend : Next.js + TailwindCSS
- Backend : Supabase (PostgreSQL)
- Auth : Supabase Auth

## Règles de Code
- Toujours utiliser TypeScript
- Composants réutilisables dans /components
- [Autres règles...]

## Structure Base de Données
[Référence au fichier schema.sql]

2. L'Export de la Base de Données en ".sql"

C'est une idée que j'ai eue en me disant qu'une IA qui ne connaît pas la structure de la BDD est aveugle. Je l'exporte depuis Supabase, je le mets dans mon projet, et je le référence dans Cursor avec "@architecture.sql".

Résultat : L'IA sait instantanément comment interagir avec mes données. Elle génère les bonnes requêtes, les bons types TypeScript, et évite les erreurs de structure. C'est un gain de temps monumental.

Astuce #3 : Parler à mon Ordinateur (littéralement)

Taper des prompts, c'est long. Surtout quand tu veux expliquer un concept complexe ou décrire un bug. J'ai découvert Wispr, un outil de dictée vocale optimisé pour prompter.

Pourquoi ça change tout :

• 2x plus rapide : Je parle naturellement au lieu de taper
• Meilleure réflexion : Expliquer à voix haute m'aide à structurer ma pensée
• Tag automatique : Je peux dire "at schema.sql" et Wispr ajoute automatiquement @schema.sql dans Cursor
• Correction automatique : Il comprend le contexte technique (noms de variables, frameworks...)

Mon workflow typique :

1. Je lance Wispr (raccourci clavier)
2. Je dis : "Créer un composant React pour afficher une carte de CV avec le nom, le score et un bouton de téléchargement. Utiliser les types de at schema.sql"
3. Claude génère le code en 10 secondes

Gain de temps estimé : 10-20% sur mes sessions de code. Pour mes 8-12h par semaine, ça fait 2-3h gagnées. Sur un mois, c'est une journée complète.

Bonus : Mon Workflow pour Créer des Icônes Uniques

Les IA sont pas encore au niveau pour le design. Pour les icônes de ResumeRank, j'ai mis au point un petit système.

1. Trouver un style

Je prends une icône que j'aime bien comme référence visuelle. Par exemple les icones Airbnb avec leur style 3D.

2. Décrire le style à GPT

Je lui demande de me décrire ce style en format JSON. Voici un exemple pour l'icône "Comparaison CV" :

{
  “icon”: “comparaison”,
  “style”: “3D isometric, cartoonish, soft shadows, playful but professional”,
  “format”: {
    “shape”: “square”,
    “background”: “transparent”,
    “file”: “png”
  },
  “colors”: {
    “primary_green”: “#4CAF50”,
    “secondary_green”: “#2E7D32”,
    “neutral_dark”: “#1E1E1E”,
    “neutral_light”: “#FFFFFF”,
    “accent”: “#2196F3”
  },
  “elements”: {
    “main_objects”: [
      {
        “type”: “document”,
        “orientation”: “isometric, tilted left”,
        “details”: {
          “sheet_color”: “neutral_light”,
          “outline_color”: “neutral_dark”,
          “mockup_content”: “small avatar + 2 text lines”
        },
        “position”: “left”
      },
      {
        “type”: “document”,
        “orientation”: “isometric, tilted right”,
        “details”: {
          “sheet_color”: “neutral_light”,
          “outline_color”: “neutral_dark”,
          “mockup_content”: “small avatar + 2 text lines”
        },
        “position”: “right”
      }
    ],
    “overlay_object”: {
      “type”: “double_arrow”,
      “direction”: “left_right”,
      “color”: “primary_green”,
      “style”: “thick, rounded edges”,
      “position”: “center between documents”
    },
    “motion_effects”: {
      “lines”: “small cartoon strokes around arrow”,
      “dynamic”: “suggests comparison and choice”
    }
  },
  “symbolism”: “Deux documents face à face reliés par une flèche double, représentant la comparaison entre candidats/CV.”
}

3. Itérer

Je lui dis : "Ok, maintenant garde ce style, mais génère le JSON pour une icône 'Analyse IA'". Il me fournit un nouveau JSON avec la même structure de style mais adapté au nouveau concept.

4. Générer

Je copie-colle ces JSON dans un GPT en mode image gen, et j'obtiens une série d'icônes parfaitement cohérentes en quelques secondes.

5. Intégrer

Je demande à Cursor de remplacer les icônes par défaut par mes nouvelles créations.

Conclusion : c'est possible, et tu peux le faire aussi

Voilà un aperçu de ma cuisine interne. J'espère que ces astuces concrètes t'aideront dans tes propres projets. Le message que je veux te faire passer est simple : avec un peu de discipline et les bons outils, les barrières tombent.

Tu n'as pas besoin d'être développeur pour construire. Tu n'as pas besoin d'investir des milliers d'euros. Tu as juste besoin de :

• Une idée qui résout un vrai problème
• Une stack simple et efficace
• La discipline de t'y mettre régulièrement
• La curiosité d'apprendre en faisant

Le reste, c'est de l'exécution.

Rejoins l'Aventure Build in Public

Si tu veux suivre la suite de cette aventure et recevoir mes prochains apprentissages, abonne-toi à la newsletter Make Time. Chaque semaine, je partage les coulisses de la construction de ResumeRank, mes erreurs, mes succès, et surtout, des astuces concrètes pour devenir un meilleur Solo Builder.

Tu peux aussi tester ResumeRank gratuitement et me donner tes retours. Chaque commentaire compte pour améliorer le produit.

Dans le Prochain Chapitre...

On va parler feedback utilisateur. Comment les premiers retours utilisateur ont déjà impacté ResumeRank.