Déployer un site statique gratuitement avec Netlify
De votre dépôt Git à une URL en ligne en moins de cinq minutes : le guide pas-à-pas pour mettre votre premier site en production.
Mettre un site en ligne était autrefois synonyme de FTP, d'hébergeur payant et de configuration de serveur. Aujourd'hui, des plateformes comme Netlify permettent de déployer un site statique gratuitement, directement depuis un dépôt GitHub, GitLab ou Bitbucket, avec HTTPS inclus.
Le prérequis est simple : votre site doit produire des fichiers HTML, CSS et JavaScript statiques. Cela couvre les sites faits à la main, ceux générés par des outils comme Eleventy, Hugo ou Astro, et même les exports de certains frameworks front-end comme Vue ou React.
Connecter votre dépôt
Commencez par créer un compte gratuit sur netlify.com. Sur le tableau de bord, cliquez sur « Add new site » puis « Import an existing project ». Autorisez Netlify à accéder à votre fournisseur Git et sélectionnez le dépôt qui contient votre site.
Netlify vous demandera ensuite trois informations : la branche de déploiement (généralement `main`), la commande de build (par exemple `npm run build` pour un projet avec un bundler, ou rien si votre HTML est déjà prêt), et le dossier de publication (souvent `dist`, `public` ou `_site` selon votre outil). Si votre site est un simple fichier `index.html` à la racine, laissez ces deux derniers champs vides.
Les fonctionnalités qui font la différence
Dès que votre site est en ligne, chaque `git push` sur la branche configurée déclenche un nouveau déploiement automatiquement. Netlify génère également des deploy previews pour chaque pull request : une URL unique est créée pour chaque branche, ce qui facilite la revue de code avec un client ou un collègue.
Le plan gratuit inclut aussi un certificat HTTPS automatique via Let's Encrypt, la possibilité de connecter un nom de domaine personnalisé et un CDN mondial pour servir vos fichiers depuis le point le plus proche de chaque visiteur.
Pour aller plus loin, explorez les Netlify Forms, qui permettent de recevoir des soumissions de formulaires sans backend, et les Netlify Functions, des fonctions serverless Node.js que vous pouvez écrire directement dans votre dépôt. De quoi ajouter de l'interactivité sans gérer un serveur.