Déployer sur le web
Mettre ton projet en ligne pour le monde entier
⏱ Estim. ~9 min
01 · Lire
Tout ce que tu as construit jusqu'ici tournait sur localhost — ton propre ordinateur. Personne d'autre ne peut le voir. Ça change maintenant.
Déployer signifie mettre ton application sur un serveur connecté à internet 24h/24, accessible par n'importe qui avec l'URL. Ça a l'air compliqué, mais les plateformes modernes rendent ça incroyablement simple. Tu pushes ton code, elles gèrent le reste.
On va utiliser Render parce qu'il a une offre gratuite généreuse, fonctionne directement avec GitHub et demande zéro configuration serveur. Ton app sera en ligne en quelques minutes.
💡 Imagine çalocalhost, c'est comme cuisiner dans ta cuisine — seule ta famille peut manger. Le déploiement, c'est comme ouvrir un restaurant : n'importe qui, où qu'il soit, peut entrer. Render, c'est comme un espace de restaurant déjà aménagé, avec cuisine, tables et adresse — tu n'as qu'à apporter la nourriture (ton code).
02 · Étape par étape
Étapes de déploiement Render (offre gratuite). Suis-les dans l'ordre, et tu auras une URL en ligne en environ 10 minutes.
1. Push sur GitHub
Assure-toi que ton projet est commité et pushé dans un repository GitHub. Render tire ton code directement depuis GitHub, donc tout doit être à jour.
2. Inscris-toi sur render.com
L'option 'Sign up with GitHub' est la plus simple à configurer. Ça permet à Render d'accéder à tes repos sans configuration supplémentaire.
3. Crée un nouveau Web Service
Clique 'New' → 'Web Service' pour connecter ton repo GitHub. Render te demandera quel repo déployer.
4. Configure
Build command : npm install. Start command : node app.js. Ces commandes disent à Render comment configurer et lancer ton app. Le build command installe les dépendances, le start command démarre ton serveur.
5. Ajoute les variables d'environnement
Copie les valeurs de ton .env dans les paramètres d'environnement de Render. Ne les commit jamais dans git — entre-les directement dans le dashboard Render. Chaque paire clé-valeur entre séparément.
6. Déploie !
Clique Deploy et attends le build. Tu verras les logs streamer en direct. Quand le statut passe au vert, ton app est en ligne sur l'URL .onrender.com et tu peux la partager à n'importe qui.
03 · Pratique réelle
Utilise cette checklist pour déployer ton projet. Prends ton temps — le premier déploiement demande presque toujours quelques essais, c'est complètement normal.
04 · Quiz
Quand tu pushes du code sur GitHub, que fait une plateforme de déploiement comme Render ?
- T'envoie un fichier zip de ton projet par e-mail
- Crée un nouveau repository GitHub
- Tire ton code automatiquement, le build, et le lance sur ses serveurs
- Télécharge ton code sur ta machine locale
05 · Compléter
Quand tu déploies une app Node.js, la plateforme a besoin de savoir la commande _____ pour démarrer ton serveur (ex. 'node app.js').
06 · Lire
Prends un moment pour apprécier ce qui vient de se passer. Quelqu'un à l'autre bout du monde peut maintenant taper ton URL et utiliser quelque chose que tu as construit. Tu as écrit le code, tu l'as déployé, et il tourne maintenant sur un vrai serveur.
C'est l'un de ces moments dont la plupart des ingénieurs se souviennent toujours — la première fois que leur projet est passé en ligne.
07 · Quiz
Ton fichier .env contient un mot de passe de base de données et une clé API. Quand tu déploies sur Render, comment gérer ces valeurs ?
- Commiter le fichier .env dans git pour que Render puisse le lire
- Les coller dans le code source avant le déploiement
- Les envoyer par e-mail au support Render
- Les entrer dans les paramètres de variables d'environnement de Render — jamais commiter dans git
08 · Compléter
Quand tu déploies une app Node.js sur Render, la commande _____ (ex. 'npm install') dit à la plateforme comment configurer les dépendances de ton projet.
Autres leçons de ce chapitre
⚠ L'expérience interactive complète nécessite JavaScript. Active-le et recharge la page.
※ Ce site est un projet éducatif indépendant — pas un produit officiel d'Anthropic. Claude™ est une marque déposée d'Anthropic, PBC.