Qu’est-ce que Netlify ?

Netlify est une plateforme qui permet de déployer des sites statiques très simplement. Netlify propose pas mal d’options pour vos projets (fonctions serverless, authentification, formulaires, …) afin de vous simplifier la vie.

La plateforme peut-être utilisée pour de multiples types de projets (applications Angular, sites statiques, …) mais dans cet article je ferais la démonstration du déploiement de mon ancien blog.

Allez jeter un oeil à Netlify, ils proposent des formules gratuites pour les développeurs ou petites structures.

Warning
Ce contenu date un peu, il est possible que les éléments présentés aient changés depuis.

Préparations générales

Pour ce projet il nous faut :

  • un hébergement pour nos fichiers générés
  • un repository genre Gitlab, GitHub ou BitBucket
  • un générateur de sites statiques

Pour l’hébergement j’ai pris la formule gratuite de Netlify, pour le repo j’ai opté pour Gitlab en gratuit également et pour le générateur j’utilise Hugo qui je trouve fait très bien son job. Je vous invite à checker le site officiel pour plus d’infos.

Création du site sous Hugo

Créez un repo sur Gitlab. Ici je vais utiliser https://gitlab.com/KrustyHack/demo-nicolashug-dev. Désactivez l’Auto Devops qui ne nous servira à rien. Mettez votre repo en privé si vous le voulez. Clonez-le en local:

➜ git clone git@gitlab.com:KrustyHack/demo-nicolashug-dev.git && cd demo-nicolashug-dev/
Clonage dans 'demo-nicolashug-dev'...
warning: Vous semblez avoir cloné un dépôt vide.

Initialisez Hugo:

Congratulations! Your new Hugo site is created in /home/krustyhack/demo-nicolashug-dev. Just a few more steps and you're ready to go: 1. Download a theme into the same-named folder. Choose a theme from https://themes.gohugo.io/, or create your own with the "hugo new theme 
➜ hugo new site . --force

Congratulations! Your new Hugo site is created in /home/krustyhack/demo-nicolashug-dev.

Just a few more steps and you're ready to go:

1. Download a theme into the same-named folder. Choose a theme from https://themes.gohugo.io/, or create your own with the "hugo new theme <THEMENAME>" command.
2. Perhaps you want to add some content. You can add single files with "hugo new <SECTIONNAME>/<FILENAME>.<FORMAT>".
3. Start the built-in live server via "hugo server".Visit https://gohugo.io/ for quickstart guide and full documentation.