Mettez-la en ligne : de votre écran au monde entier
Mettez-la en ligne : de votre écran au monde entier
Une vérité qui pique : une page qui n'existe que sur votre ordinateur n'est pas livrée. Personne ne peut la voir, personne ne peut l'utiliser, et personne ne peut vous dire qu'elle est géniale. Livrer veut dire une seule chose — une URL que n'importe qui dans le monde peut ouvrir. C'est la frontière entre « j'apprends à coder » et « j'ai construit quelque chose ».
La bonne nouvelle ? Obtenir une URL est devenu la partie facile. Des services gratuits le font en quelques secondes :
- Netlify Drop — ouvrez le site, glissez votre fichier HTML sur la page, recevez une URL en ligne. C'est tout le processus.
- Vercel — connectez un dossier ou un dépôt GitHub, cliquez sur déployer, terminé. (Cette académie elle-même tourne dessus.)
Et si jamais vous êtes bloqué ? Vous êtes un vibe coder — demandez à l'IA. « Guide-moi pas à pas pour déployer ce fichier HTML sur Netlify » fonctionne à merveille. Le déploiement était autrefois la partie effrayante du code. Maintenant, c'est une conversation.
Mais avant de glisser ce fichier où que ce soit, il y a une différence entre une page qui fonctionne et une page prête au lancement. Les vrais sites ont des finitions professionnelles : un vrai titre dans l'onglet du navigateur, une description que les moteurs de recherche et les aperçus de liens peuvent afficher, des balises sociales pour que votre lien soit beau quand quelqu'un le partage sur WhatsApp ou X, et un footer qui dit « une vraie personne a fait ça — tenez, partagez-le ». Dans cette dernière leçon, vous allez prendre votre tableau d'idées du Module 4 et lui donner exactement ces finitions.
La suite de votre parcours
C'est la dernière leçon des Fondamentaux du Vibe Coding — mais c'est la première étape du parcours Zero to Hero. À partir d'ici, vous rencontrerez Claude Code dans le navigateur (une IA qui construit des projets entiers à partir d'une conversation), puis vous installerez le véritable outil sur votre propre machine, et finirez par construire votre propre agent IA. Vous savez maintenant comment le web est fabriqué. Il est temps d'en fabriquer beaucoup plus.
On livre.
Instructions
Donnez à votre page un vrai <title> — remplacez « Untitled » par un nom digne de l'onglet du navigateur. C'est la première chose que montrent les moteurs de recherche et les favoris.
Indice : Trouvez `<title>Untitled</title>` dans le <head> et remplacez-le par quelque chose comme `<title>Idea Board — Never Lose a Spark</title>`. Au moins quelques caractères — faites-le vôtre.
Ajoutez une balise <meta name="description"> dans le <head> — une phrase qui dit aux moteurs de recherche (et aux humains curieux) ce que fait votre app.
Ajoutez les balises Open Graph — <meta property="og:title"> et <meta property="og:description">. Elles contrôlent l'apparence de votre lien quand il est partagé sur WhatsApp, X ou LinkedIn.
Ajoutez un <footer> en bas de la carte avec un crédit « Built with vibes » et un <a id="share-link"> — tout produit livré signe son travail.
Votre code
Décrivez ce que vous voulez créer pour cette étape et je rédige le code — puis cliquez sur Appliquer pour l'insérer dans votre éditeur. Cette étape : Donnez à votre page un vrai <title> — remplacez « Untitled » par un nom digne de l'onglet du navigateur. C'est la première chose que montrent les moteurs de recherche et les favoris.