Hugo

Générateur de site statique

Sommaire

  • Qu'est ce que "Hugo" ?
  • Générateur statique, CMS, SAAS ?
  • Fonctionnement d'Hugo
  • Architecture JAMstack
  • Pour quels usages ?
  • Démo

Hugo?

Il s'agit d'un framework qui permet de générer des sites statiques.

Un site statique est un ensemble de pages visibles telle qu'elle ont été conçues.

 

Cette manière de concevoir s'oppose aux sites dynamiques qui génèrent "à la volée" les pages.

Générateur, CMS, SAAS

Avec un CMS

Les CMS se basent sur une génération côté serveur pour générer le HTML qui sera restitué à l'internaute.

Le backoffice offre une souplesse pour la gestion du contenu.

Avec un SSG

C'est le code versionné couplé avec une phase de génération qui donnera le site.

Avantages générateur

  • {Sécurité} aucun backoffice
  • {Sécurité} pas d'écriture en prod
  • {Performance} aucun génération serveur
  • {Backup} sauvegarde simplifiée
  • {Traçabilité} le gestionnaire de source

Inconvénients

  • {Traitement} pas de serveur
    • ex : gérer un formulaire, envoyer un @
  • {Publication} passage par "le code"
  • {Publication} plateforme de build
  • {Maintenabilité} config HTTP externalisée
    • ex : .htaccess pour des redirections

Fonctionnement

Le framework Hugo offre un cadre pour rédiger du contenu en markdown++. 

Le moteur de template est en "go". 

 

Hugo propose une gestion du "brouillon".

Le site généré doit être exploité par un serveur web.

Exemple

Cloud : Netlify

Le service Netlify gère l'aspect industrialisation de votre projet hugo:

  • Build
  • Publication
  • formulaire
  • fonction
  • ....

 

Architecture JAMstack

Sites et applications rapides et sécurisés fournis par des fichiers de pré-rendu et servis directement à partir d'un CDN, supprimant la nécessité de gérer ou d'exécuter des traitements (partie serveur).

Usages ?

  • Contenu simple
  • Admin = technicien
  • Sites :
    • vitrine
    • blog
    • petites boutiques

Démo

  • Petite boutique

https://hugo-exemple.netlify.com/