Перейти к содержимому

🌐 Je crée une landing page avec ChatGPT Astra (GPT-6) en 30 min (sans coder)

Julien Badoil | Utilise l'IA

0:00 / 0:00

🌐 Je crée une landing page avec ChatGPT Astra (GPT-6) en 30 min (sans coder)

420 просмотров · 1 месяц назад
Julien Badoil | Utilise l'IA
891 подписчик
420 просмотров · 1 месяц назад
🌐 Tu as besoin d'une maison en ligne. Une page simple, qui présente ce que tu fais, avec un formulaire de contact. Et tu n'as ni le budget d'un web designer, ni l'envie d'apprendre à coder. ⚡ ChatGPT Astra (GPT-6) est sorti début septembre. Dans cet épisode, je te montre à l'écran ce qu'il sait faire : Je lui dicte un brief à la voix, et il fabrique la landing page entière. Design, textes, portrait, formulaire, favicon, aperçu en ligne. En une demi-heure. Sans une ligne de code. 🎙️ C'est Yoann Guez qui pose les questions, celles que tout le monde se pose : « il va me rendre du code ? » « je dois copier-coller quelque part ? » « et pour retoucher un détail ? » 🧑‍⚕️ Le cas du jour est inventé sur place : Pierre, thérapeute de couple, avec deux accompagnements et une palette bleu profond, abricot et jaune lumineux, trouvée par l'IA toute seule. 👉 La page fabriquée dans l'épisode, telle quelle, hébergée chez ChatGPT : https://pierre-le-lien-vivant.julienb... 🗣️ Et le vrai message de l'épisode : ce n'est plus un problème d'exécution. C'est un problème de rassembler ce qui te ressemble : tes couleurs, ta façon d'écrire, tes photos, ta démarche. ⸻ ✍️ Au programme : 🧭 ChatGPT Astra, c'est quoi, et pourquoi on le regarde à l'usage et pas aux benchmarks 🛠️ Codex, l'agent de code de ChatGPT : l'endroit où je te conseille de tout faire 🎤 Le brief dicté à la voix, comme à une personne qui travaille pour toi 🤝 L'IA qui te pose ses questions pendant qu'elle continue de bosser 📸 Un portrait de Pierre généré avec GPT Image 2, et la page qui s'ouvre ✉️ Le formulaire de contact, et pourquoi je refuse le service tiers proposé 🔍 Ce qu'on retouche : textes trop petits, menu, soulignement jaune, cartes illustrées 🖱️ Retoucher au pixel près : à la voix, ou avec une capture d'écran annotée 🏡 Hébergé chez ChatGPT ou sur ton propre nom de domaine : la suite dans Creator Serenity ⸻ 📖 Chapitres : 00:00 - 👋 Créer un site avec ChatGPT, écran à l'appui 00:23 - 🌐 Pourquoi tu as besoin d'une maison en ligne 02:50 - 🧭 ChatGPT Astra (GPT-6), c'est quoi au juste ? 04:03 - 🏡 Hébergé chez ChatGPT, ou sur ton nom de domaine 04:47 - 💬 Creator Serenity : les lives, les formations, c'est gratuit 05:25 - 🛠️ Codex, l'agent de code de ChatGPT 06:46 - 📁 Choisir un projet, choisir le modèle Astra 08:38 - 🎤 Je dicte le brief de la landing page de Pierre 09:55 - ✅ Il approuve tout seul, et il se met au travail 10:23 - 🧑‍💻 « Il va te rendre du code ? » : ce qu'il fabrique vraiment 11:24 - 🔗 Une adresse ChatGPT, ou ton propre nom de domaine 13:11 - ☕ Tu peux partir prendre un café, il fait sa vie 13:44 - ❓ Il me pose sa question et continue en mode démo 14:29 - 👥 « Tu as une équipe de développeurs qui travaille pour toi » 15:08 - 📸 Le portrait de Pierre, généré en quelques clics 16:11 - 😮 La page s'ouvre : « c'est scandaleux » 16:41 - ✉️ Test du formulaire de contact 17:42 - 🛡️ Le service tiers proposé, et pourquoi je dis non (Brevo, OVH) 19:24 - 🔖 Le favicon, généré propre du premier coup 20:02 - 🔍 « Tu as la main sur les détails ? » : au pixel près 21:31 - 🗣️ Deuxième brief : textes plus gros, menu, soulignement jaune, cartes 23:00 - ⚡ Astra vs Claude Code : la vitesse, et passer de l'un à l'autre 24:24 - 🖼️ Ses propres skills, et les images des quatre cartes 25:04 - 🃏 Les cartes colorées et le mouvement au survol 26:45 - 🧩 Les quatre images intégrées à la page 27:47 - 🖱️ Retoucher : à la voix, ou avec une capture annotée 29:31 - 🎉 La page finale : « franchement, Pierre, tu as un joli site » 30:11 - 📄 Et les autres pages ? La même direction, en une journée 31:20 - 🎯 Ce n'est plus un problème d'exécution 32:16 - 🚀 Plus d'excuses : à toi de créer 33:01 - 📅 Live Creator Serenity le jeudi 17 septembre, 11h à 12h30 ⸻ 🔗 Mentionnés dans l'épisode : 🌐 La landing page de Pierre, fabriquée en direct dans l'épisode : https://pierre-le-lien-vivant.julienb... 🎙️ La chaîne de Yoann Guez :    / @yoannguez   🎨 L'épisode précédent, les affiches avec ChatGPT :    • 🎨 Affiches ChatGPT : arrête de culpabilise...   🛠️ Codex, l'agent de code de ChatGPT : https://openai.com/codex/ ✏️ Excalidraw, pour mes schémas (dont je parle à 02:40) : https://excalidraw.com/ ✉️ Brevo, pour les mails et la newsletter : https://www.brevo.com/fr/ 🏡 Les hébergeurs dont je parle : https://www.ovhcloud.com/fr/ · https://www.hostinger.fr/ · https://www.ionos.fr/ ⸻ 📅 Prochain live Creator Serenity : Jeudi 17 septembre 2026, de 11h à 12h30. On héberge ensemble ta page sur ton propre nom de domaine. 💬 Rejoindre Creator Serenity, ma communauté de créateurs (c'est offert) : https://julienbadoil.com/creator-sere... 📩 Échanger avec moi / être accompagné : https://julienbadoil.com/ ⸻ 🔔 Abonne-toi et active la cloche 🔔 Un nouvel épisode chaque semaine ! ⸻ 🎬 https://julienbadoil.com/