Formation complète : Lancer son SaaS de A à Z, avec Claude Code (6H30)
Prakticode
0:00 / 0:00
Formation complète : Lancer son SaaS de A à Z, avec Claude Code (6H30)
4 602 просмотра · 5 дней назад
Prakticode
9,86 тыс. подписчиков
4 602 просмотра · 5 дней назад
Si tu souhaites un accompagnement personnel (je t'aide en appel quand tu bloques) et avoir accès aux ressources, c'est par ici : https://prakticode.com
Partir de zéro et sortir un SaaS qui encaisse de l'argent, en une seule vidéo.
On monte tout ensemble, dans l'ordre : les bases du web, ton atelier de dev avec l'IA, une landing page en ligne sur ton nom de domaine, la base de données et l'authentification, une vraie fonctionnalité branchée sur un modèle IA, puis les paiements Stripe et les emails automatiques.
Pas de théorie inutile : tu codes en même temps que moi, et à la fin tu as un produit en production.
Stack : Next.js, Neon, Drizzle, Better Auth, Stripe, Resend, Vercel,
Claude Code.
⏱ 6h35 de formation, 56 leçons, 5 modules.
---- TIMESTAMPS ----
MODULE 1 : LES FONDATIONS
00:00 Intro & état d'esprit
01:32 Comment marche le web
04:44 3 couches & la console dev
06:18 HTML : la structure
09:44 CSS : le style
12:44 JavaScript : la logique
14:23 Les concepts qui reviennent partout
18:56 Récap & ce qui t'attend
MODULE 2 : MONTER L'ATELIER
19:59 Intro : monter ton atelier
21:35 Préparer ta machine (Windows + WSL, ou macOS)
24:43 Installer Antigravity (ton IDE avec IA)
28:50 Le terminal et les commandes de base
33:58 Node et npm
40:43 Git & GitHub : sauvegarder ton code
50:42 Installer Claude Code
55:15 Récap : ton atelier au complet
MODULE 3 : TON SAAS EN LIGNE
57:14 Introduction
58:48 Créer ton projet Next.js
1:07:20 Comprendre le projet (les 20%)
1:24:07 Première section + l'entrée de Claude Code
1:36:14 La structure d'une landing page qui convertit
1:48:34 Construire le header & la navigation
1:58:43 Construire le reste des sections
2:20:11 Designer la landing page (1/3) : Copywritting
2:29:27 Designer la landing page (2/3) : Tweakcn
2:36:12 Designer la landing page (3/3) : Polish
2:50:30 Pages, liens & images
2:56:28 Responsive : impeccable sur mobile
3:02:03 Finitions pro : SEO & metadata
3:07:30 Finitions pro : Logo & favicon
3:15:30 Finitions pro : Image de partage (OG)
3:21:15 Finitions pro : Pages légales
3:25:35 Déployer avec Vercel
3:30:16 Brancher ton nom de domaine
3:34:32 Récap & ce qui t'attend
MODULE 4 : LE CERVEAU DU SAAS
3:37:19 Intro : donner un cerveau à ton SaaS
3:40:58 Anatomie d'une fonctionnalité : les 5 pièces
3:45:17 Mettre en place ta base de données : Neon + Drizzle
3:54:28 L'authentification : inscription et connexion
4:08:46 Connexion avec Google
4:17:42 Protéger tes pages et savoir qui est connecté
4:24:06 Mettre tes fondations en production
4:30:28 Planifier ta fonctionnalité : le système de la tranche
4:37:55 Étape 2, la mémoire : créer les tables de ta fonctionnalité
4:41:53 Étape 3, le pont à vide : le circuit complet (avec un faux résultat)
4:54:28 Étape 4, le vrai travail : brancher un modèle IA ou une API externe
5:05:22 Étape 5, limiter et mettre ta fonctionnalité en production
5:15:15 Nettoyer ton code : la chasse aux répétitions
5:27:48 Récap : le système de la tranche pour toutes tes fonctionnalités
MODULE 5 : ENCAISSER L'ARGENT
5:30:53 Intro : le circuit de l'argent
5:33:59 Brancher Stripe : le compte, les produits, le mode test
5:45:59 S'abonner : ta nouvelle tranche (Checkout)
5:59:45 Les webhooks : quand Stripe parle à ton cerveau
6:06:04 Débloquer les limites : gratuit contre abonné
6:13:50 Les emails automatiques avec Resend
6:20:32 La checklist avant d'encaisser en vrai