Vibe Coding Professionnel — Plan de la formation
Prix : 349€ — Accès à vie — Projet fil rouge inclus
Ce que tu vas apprendre
À la fin de cette formation, tu seras capable de :
- Structurer un projet professionnel avec l’IA dès le départ
- Travailler avec des environnements DEV et PRODUCTION séparés
- Intégrer Stripe et RevenueCat comme un pro
- Déployer une application web en production
- Publier une app sur l’App Store et Google Play (bonus)
Le projet fil rouge : CourseCredits
Une mini marketplace de formations avec :
- Authentification (Supabase)
- Achat de crédits (Stripe sur web, RevenueCat sur mobile)
- Catalogue de formations filtrable
- Espace admin pour gérer les contenus
Tu construis une vraie app. Pas un exercice. Une app déployée, fonctionnelle, réutilisable.
Module 1 — Pourquoi structurer son projet (2 vidéos)
Vidéo 1 — Les risques du vibe coding non structuré
- Bugs en production difficiles à tracer
- Clés API exposées, failles de sécurité
- Code impossible à maintenir après 2 semaines
- Exemples concrets de projets qui ont dérapé
Vidéo 2 — Ce que ça change d’avoir un vrai environnement DEV/PROD
- La logique dev/staging/production
- Pourquoi on ne teste jamais en prod
- La carte magique Stripe : 4242 4242 4242 4242
Module 2 — Structurer son projet (5 vidéos)
Vidéo 1 — Architecture de fichiers et Git
- Structure de dossiers propre
- Branches : main / develop / feature/*
- Conventions de commit
Vidéo 2 — Workflow Git professionnel : features, merge et production
- Créer deux branches feature en parallèle (
feature/auth,feature/stripe) - Développer chaque feature indépendamment
- Voir la différence entre les branches en local
- Merger
feature/authdansdevelop→ tester - Merger
feature/stripedansdevelop→ tester les deux ensemble - Merger
developdansmain→ déploiement automatique en production - Gérer un conflit de merge (cas pratique)
Vidéo 3 — Modéliser sa base de données avant de coder
- Pourquoi dessiner le schéma avant d’écrire la première ligne
- Diagramme ERD (Entity-Relationship) du projet CourseCredits
- Tables, relations, clés étrangères, types de données
- Conventions de nommage (snake_case, pluriel, id auto)
- Anticiper les politiques RLS dès le schéma
- Outils : dbdiagram.io, Supabase Studio, DrawSQL
Vidéo 4 — Configurer ses outils IA pour un projet pro
- Rédiger un CLAUDE.md efficace
- Donner le bon contexte à l’IA dès le départ
- Les règles à poser pour éviter les dérives
Vidéo 5 — Variables d’environnement : DEV vs PROD
- .env.local / .env.production
- Ne jamais commit ses clés
- Deux projets Supabase cloud gratuits : un DEV, un PROD
- 💡 Aparté : Supabase Pro et le système de branches (pour les équipes)
Module 3 — Mise en situation : on construit ensemble (4 vidéos)
Vidéo 1 — Présentation et setup du projet CourseCredits
- Création du repo GitHub
- Setup Supabase (projet DEV)
- Structure de l’app (Next.js / Flutter)
Vidéo 2 — Développement avec l’IA : pages et authentification
- Page d’accueil avec filtres
- Auth Supabase (inscription / connexion)
- Page compte utilisateur
Vidéo 3 — Intégration Stripe + RevenueCat
- Stripe Checkout en mode TEST
- Webhook Stripe → crédit Supabase
- RevenueCat sandbox (mobile)
Vidéo 4 — Page admin et validation finale
- CRUD formations (admin uniquement)
- Supabase RLS : qui voit quoi
- Tests manuels avant déploiement
Module 4 — Mise en production (3 vidéos)
Vidéo 1 — Déploiement web : Git → Netlify
- Connecter GitHub à Netlify en quelques clics
- Déploiement automatique à chaque
git push origin main - Preview deploy sur
develop(URL unique pour tester avant la prod) - Variables d’env en production
- Domaine personnalisé + SSL automatique
Vidéo 2 — Switch Stripe TEST → PRODUCTION
- Remplacer les clés
- Activer le compte Stripe live
- Tester un vrai paiement
Vidéo 3 ⭐ Bonus — App Store & Google Play
- Prérequis iOS (compte Developer Apple)
- Build Flutter + soumission App Store
- Google Play Console : publication Android
Stack utilisée
| Outil | Usage |
|---|---|
| Next.js / Flutter | Frontend web + mobile |
| Supabase | Auth + Base de données + RLS |
| Stripe | Paiement web (crédits) |
| RevenueCat | Paiement mobile (crédits) |
| Netlify | Hébergement web + CI/CD |
| GitHub Actions | CI/CD |
| Claude Code | Assistant IA principal |
Formation créée par Yohann Boulade — Référent technique & développeur avec 10 ans d’expérience