Héberger gratuitement votre site web statique sur netlify

Ezumiah Jean-Luc
Code d'Ivoire
Published in
3 min readMay 12, 2018
Netlify homepage

J’ai récemment découvert, grâce à une vidéo de Anthony welc sur youtube, Netlify une solution permettant d’héberger gratuitement son site web static. à la différence des autres solutions de comme firebase et autre, netlify permet une intégration continue avec github ou gitlab. Je vais vous expliquer pas à pas comment créer votre compte sur netlify et y héberger votre site web.

Commencer d’abord par ouvrir votre éditeur de texte et créez une page avec pour nom Netlify qui renvoi un simple “Hello Netlify”.

Ensuite créer un répertoire, avec pour nom netlify_deploy, sur votre compte github ou gitlab et mettez-y votre projet que vous venez de créer.

Rendez-vous maintenant sur netlify et créer votre compte.

Netlify sign up

Après l’inscription rendez-vous dans votre espace d’administration et cliquer sur ‘New site from Git’

New site from Git Netlify

Vous êtes maintenant redirigé vers une nouvelle page. Sélectionnez votre hébergeur git dans notre cas ce sera github.

Choisissez le répertoire que vous souhaitez héberger sur Netlify, dans notre cas ce sera le répertoire netlify_deploy. A l’étape suivante choisissez la branche ici la branche master ou la branche que vous avez créer spécialement allez tout en bas et cliquez sur deploy site.

Patientez deux secondes … Hourra votre site est désormais en ligne. Pour y accéder cliquer sur le lien fourni par netlify.

Uhmmm le lien est super compliqué ? pas de problème vous pouvez le modifier et si vous voulez aller encore plus loin pour choisir votre propre nom de domaine. allez cliquez sur site settings > Site details > Change site name

Choisissez le nom que vous souhaitez donner à votre site et cliquer sur save. Vous aurez alors un nom de site avec l’extension .netlify.com du genre nomdesite.netlify.com. Là déjà c’est plus beau et plus facile à retenir. Ensuite cliquer sur le nom de site, votre site s’ouvrira dans une nouvelle fenêtre.

Et voila vous avez votre site en ligne gratuitement vous pouvez partager le lien à tout le monde.

Là ou çà devient intéressant avec netlify c’est que vous n’avez plus besoin de revenir sur netlify pour mettre votre site à jour. En effet, dès que vous ferez un push sur github ou gitlab… votre site sera automatiquement mise à jour.

N’hésitez pas à partager votre retour d’expérience sur netlify en commentaire. Et si vous avez une autre plateforme du même genre je serais très heureux de la connaitre.

--

--

Ezumiah Jean-Luc
Code d'Ivoire

Passionné par le développement web, le javascript me déteste, je crée bientôt ma startup.