Au chapitre 2, nous avons décidé en petit « quoi créer, et pour qui ». Ce chapitre est la phase 2 : préparer — avant de mettre les mains dans le cambouis, poser les 4 fondations que sont technos, outils, design et environnement. Le mot d'ordre ici : « ne pas se compliquer, ne pas hésiter, choisir le classique ». S'épuiser dans la préparation serait absurde. Réglez au plus vite un choix compatible avec l'IA, pour pouvoir consacrer toute votre énergie à la phase « construire » qui suit.

Les 4 fondations que pose ce chapitre

En cas de doute, choisir « ce que l'IA fait bien », c'est tout

① Technos
Choisir une stack classique que l'IA maîtrise. Éviter les configs marginales.
② Outils
Une arme principale par route. Débutant = créateur / Pratique = éditeur IA.
③ Design
Logo, UI, couleurs : le minimum avec l'IA. Le peaufinage attendra.
④ Environnement
Une simple inscription suffit. Commencer par l'offre gratuite.

Ce qu'on fait en phase 2

La phase de préparation, en un mot, ce sont « les courses avant de cuisiner ». L'échec le plus courant en dev indépendant : fondre des jours entiers dans le « choix des outils » et la « mise en place de l'environnement » avant même de commencer, et ne jamais arriver, épuisé, au plat principal. Ici, on n'achète pas les ustensiles de pro haut de gamme : juste le kit de base.

😓 La préparation qu'on fait souvent

Étudier toutes les dernières technos à la mode, comparer les outils à fond, soupeser les forfaits payants. On s'épuise avant de créer.

🚀 La bonne préparation

Décider dans la journée une stack classique, un outil principal, une offre gratuite, et commencer à créer dès le lendemain.

Le repère : ne pas consacrer plus d'une journée entière à la préparation. Le choix parfait n'existe pas, et avec l'IA, changer plus tard est facile. Démarrer avec « celui-ci, pour l'instant » est la bonne réponse.

Choix des technos — le classique facilite l'implémentation

La stack technique, c'est la combinaison de langage, framework, base de données et infrastructure avec laquelle on crée l'appli. Sur la route pratique, bien sûr, mais aussi sur la route débutant, savoir « avec quelles technos faire produire » rend vos instructions à l'IA plus justes.

La conclusion sur le choix est simple. Choisir le « classique » que l'IA a énormément appris et qu'elle maîtrise. Car plus une techno est abondamment documentée dans le monde, plus l'IA écrit un code juste. Les technos marginales et récentes sont peu documentées, et l'IA se trompe plus. En dev indépendant, la règle d'or est « ce que l'IA fait bien = implémentation facile = projet terminé ».

✅ Compatible avec l'IA

Abondamment documenté, l'IA écrit juste.
Ex. : côté front React / Next.js, côté back Laravel (PHP) ou Node.js, en base PostgreSQL ou MySQL, pour l'auth et la base Supabase ou Firebase.

⚠️ À éviter en dev indépendant

Une techno tout juste sortie, une config peu documentée dans toutes les langues, un framework expérimental. L'IA se trompe, et vous courez après la vérification. Hors objectif d'apprentissage, le classique suffit.

💡 « Vous n'avez pas à décider les technos vous-même. » Si vous ne savez pas quelle stack est la meilleure, demandez simplement à l'IA : « Je crée [ce que vous voulez] en dev indépendant. Propose une stack classique, bien documentée et facile à implémenter pour l'IA. » Vous pouvez adopter tel quel ce qu'elle propose. Pour approfondir, voyez les stacks compatibles avec l'IA.

Sur la route débutant (no-code), vous pouvez même laisser ce choix au créateur. Les créateurs d'applis IA comme v0 ou Bolt utilisent automatiquement une stack classique (React / Next.js) en coulisses, si bien que vous n'avez presque pas à penser aux technos.

Choix des outils — le point clé selon la route

Le point le plus important de ce chapitre, c'est le choix des outils. C'est ici seulement que l'arme principale se sépare nettement selon la route choisie au chapitre 1. Commencez par décider un outil principal.

🌱 Route débutant → créateur d'applis IA
Générer une appli avec des mots, sans coder

Dites en chat « je veux une appli comme ça » et écrans comme code sont générés automatiquement. v0, Bolt, Lovable en sont les figures de proue. Il suffit de dialoguer en regardant l'aperçu — « corrige ça comme ceci » — pour que ça prenne forme.

Comparatif → v0 vs Bolt vs Lovable

🔧 Route pratique → éditeur IA
Écrire du code avec l'IA

Manipuler le code directement, tout en confiant à l'IA l'implémentation, les corrections et les tests pour accélérer. Claude Code, Cursor, GitHub Copilot, Codex sont les principaux. Évolutif et maintenable, c'est adapté aux produits qu'on fait grandir sur la durée.

Comparatif → comparatif des outils de code IA

Sur la route débutant, regardez d'abord le comparatif des créateurs d'applis, choisissez-en un, puis sautez cette section pour passer à Conception et UI. Sur la route pratique, la section suivante compare les éditeurs IA en détail.

Route pratique : comparer les éditeurs IA

L'arme principale de la route pratique, l'éditeur IA, en compte aujourd'hui 4 incontournables. Ce sont tous des classiques, donc franchement, aucun choix n'est un mauvais choix. Retenez juste le point fort de chacun, et choisissez celui qui vous accroche.

Claude Code
Agent en terminal

Implémente et corrige de façon autonome, à travers plusieurs fichiers, tout en dialoguant. Fort sur les gros travaux confiés de la conception aux tests. Fonctionne en ligne de commande.

Cursor
Éditeur doté d'IA

Dans une interface façon VS Code, familière, éditez avec l'IA en voyant le code. Autocomplétion, chat et correction automatique réunis. Idéal pour un premier éditeur IA.

GitHub Copilot
L'assistant d'autocomplétion classique

Le classique à intégrer dans VS Code. Complète intelligemment le code en cours. Pour ceux qui veulent ajouter l'IA sans trop changer leur environnement existant.

Codex
Agent dans le cloud

Donnez-lui une tâche et il avance l'implémentation de façon autonome en coulisses. Une option de type agent pour les avancés qui veulent mener plusieurs travaux en parallèle.

🧭 En cas de doute, choisissez ainsi. Pour avancer en gardant le code sous les yeux dans un éditeur, Cursor (Cursor, c'est quoi ?) ; pour confier un lot par le dialogue, Claude Code. Commencez par l'un de ces deux et vous ne vous tromperez pas. Pour les différences détaillées, voyez le comparatif Cursor vs Claude Code vs Copilot vs Codex.

Le secret : se limiter à un outil et le maîtriser à fond. Plutôt que d'en essayer plein, apprivoisez-en d'abord un comme partenaire. Comme l'essentiel des opérations consiste juste à « demander en langage courant », le coût pour changer d'outil ensuite reste faible.

Conception et UI — sans trop se compliquer

L'apparence de l'appli — logo, couleurs, mise en page des écrans (UI) — se prépare aussi désormais avec l'IA. Mais en phase de préparation, « ne pas trop se compliquer » est une règle absolue. À force de peaufiner le design, le temps fond à l'infini. Au stade du MVP, la juste dose est de se dire « si ce n'est pas moche, c'est validé ».

🎨 Outils de design IA

Générer à partir de mots logo, couleurs, maquettes d'écran. Sans aucune connaissance en design, il suffit de demander « dans des tons bleus, avec un côté épuré ». Comparatif → comparatif des outils de design IA.

🔗 Lier design et implémentation

Des outils comme Claude Design permettent de naviguer entre design et code. On peut couler directement le visuel conçu dans l'implémentation.

📐 Utiliser un template, une option

Sans vous obstiner à tout faire vous-même, s'appuyer sur des templates UI existants ou un framework CSS (comme Tailwind) est malin. Un visuel soigné en un instant.

⚠️ Ne fondez pas une journée à ajuster des pixels. Si vous vous surprenez à retoucher sans cesse l'arrondi d'un bouton, c'est un signal d'alerte. Pour le design, tenez seulement 3 points — « choisir 2 ou 3 couleurs, aérer les marges, soigner la typo » — et le côté amateur disparaît largement. Le peaufinage des détails viendra sans souci après la publication, une fois le produit utilisé.

Le créateur d'applis de la route débutant met aussi en forme l'UI automatiquement : cette section peut donc être presque entièrement laissée à l'IA. Sur la route pratique aussi, le plus rapide est de faire d'abord produire une ébauche par l'IA et ne corriger que ce qui gêne. Ne cherchez pas à concevoir vous-même à partir de zéro.

La configuration minimale de l'environnement

En dernier, l'environnement de développement. Là aussi, dites-vous « une simple inscription suffit ». Contrairement à autrefois, dans la plupart des cas, plus besoin de passer des heures à monter un environnement en local. Tout peut démarrer avec les offres gratuites.

① S'inscrire à l'outil principal

Créer un compte sur le créateur / l'éditeur IA choisi. Tester d'abord l'offre gratuite, et payer si elle ne suffit pas.

② Un endroit pour le code

Sur la route pratique, un compte GitHub. Le classique pour sauvegarder et versionner le code. Gratuit.

③ L'hébergeur (plus tard)

Vercel, Netlify, Supabase, etc. Offres gratuites généreuses. Pour l'instant, connaître les noms suffit ; on les détaillera au chapitre de la publication.

✅ Ne préparez que « ce qu'il vous faut maintenant ». Acheter un nom de domaine, un serveur payant, souscrire un service de paiement : encore inutile. Au stade de la création, il ne faut que « l'outil » et « l'endroit pour le code ». Le nécessaire pour publier et monétiser, vous le réunirez au moment voulu, dans chaque chapitre, à la juste dose. Ne payez pas par anticipation.

Une fois l'outil enregistré, beaucoup d'éditeurs et de créateurs IA préparent tout le jeu de fichiers nécessaire en un simple clic sur « créer un nouveau projet ». Si vous coincez sur la mise en place, collez le contenu tel quel à l'IA et demandez : ça se résout le plus souvent. Dès la préparation, l'IA est déjà votre partenaire.

Résumé de ce chapitre

Résumé de ce chapitre
  • Choisir des technos classiques. Une config que l'IA maîtrise = implémentation facile = projet terminé. En cas de doute, laissez l'IA proposer.
  • Un outil par route. 🌱 débutant = créateur d'applis IA (v0/Bolt/Lovable), 🔧 pratique = éditeur IA (Claude Code, Cursor, Copilot, Codex).
  • Ne pas trop soigner le design. Faire une ébauche avec l'IA, et régler seulement 3 points — couleurs, marges, typo — pour valider.
  • Environnement minimal. Une simple inscription suffit, tout depuis les offres gratuites. Ne payez pas par anticipation.

Les fondations sont posées. Vient enfin la phase où l'on met les mains dans le cambouis avec l'IA pour donner réellement forme au produit. Faire tourner en petit et corriger, en boucle rapide — voyons la méthode concrète au chapitre 4, « Construire avec l'IA ».