Aller au contenu

1. Vue d'ensemble

Pourquoi ce document existe

Le site NK Délices 974 a été construit initialement avec Strapi comme back-office de gestion de contenu, puis migré vers Hygraph (anciennement connu sous le nom "GraphCMS"). Hygraph est le nouvel outil que vous utilisez pour éditer le contenu du site : textes, prix, plats, menus de la semaine, images, etc.

Concrètement, à chaque fois qu'un visiteur charge le site, celui-ci va chercher les informations à afficher (plats du jour, prix, descriptions...) directement dans Hygraph. Modifier le contenu dans Hygraph modifie donc ce qui s'affiche sur le site, sans intervention d'un développeur, à condition de suivre les bonnes étapes décrites dans cette documentation.

Se connecter à Hygraph

  1. Aller sur https://app.hygraph.com et se connecter avec le compte fourni par le développeur.
  2. Sélectionner le projet du site NK Délices 974 (il peut être seul dans la liste, ou nommé explicitement "NK Délices 974" / "nkdelices974").
  3. Une fois dans le projet, l'interface est organisée en plusieurs onglets sur la gauche :
  4. Content : c'est ici que se passe 95 % du travail quotidien — c'est la liste des fiches de contenu (menus, plats, apéritifs...).
  5. Schema : la structure technique des modèles de contenu. Ne pas modifier sans l'accord du développeur — une modification ici peut casser le site.
  6. Assets : les images/fichiers uploadés.
  7. App (ou icône en forme de rouages) : réglages du projet, jetons d'API, webhooks. Réservé au développeur.

Pour ce document, on ne travaille que dans l'onglet Content.

Les modèles de contenu du site

Dans l'onglet Content, une colonne à gauche liste les différents modèles (les "familles" de fiches). Ceux qui concernent le site NK Délices 974 :

Modèle dans Hygraph Ce qu'il représente sur le site Détails
Semaine Le menu du midi de la semaine (lundi à vendredi) Voir le chapitre 2, c'est le plus important et le plus particulier.
Plat La section "Nos plats" Voir le chapitre 3.
Aperitif La section "Nos apéritifs" (galerie photo) Voir le chapitre 3.
Sandwich La section "Nos sandwichs" (et les tarifs associés) Voir le chapitre 3.
General Le texte de présentation, l'image de fond et le titre en haut de la page d'accueil Voir le chapitre 3. Il n'existe qu'une seule fiche de ce modèle.
CarteApperitif La liste des apéritifs avec prix, sur la page "Tarifs" Voir le chapitre 3 — distinct du modèle Aperitif ci-dessus.
CartePlat Les catégories de plats avec prix, sur la page "Tarifs" Voir le chapitre 3.
CarteAccompagnement La liste des accompagnements, sur la page "Tarifs" Voir le chapitre 3.
Annonce L'affiche en pop-up affichée après le chargement de la page Voir le chapitre 3 — distinct du bandeau texte défilant, qui n'est pas géré depuis Hygraph.

Brouillon vs Publié

Chaque fiche de contenu dans Hygraph a un statut, visible en haut à droite quand on l'ouvre :

  • Draft (Brouillon) : la fiche existe mais n'est pas visible sur le site. Utile pour préparer du contenu à l'avance.
  • Published (Publié) : la fiche est visible sur le site (après le délai de cache décrit au chapitre 4).
  • Changed (Modifié) : la fiche a été publiée, puis modifiée à nouveau sans republier — le site affiche encore l'ancienne version publiée tant que vous n'avez pas cliqué sur Publish à nouveau.

Règle d'or : après toute modification que vous voulez voir apparaître sur le site, il faut cliquer sur le bouton "Publish" (généralement en haut à droite de la fiche). Une fiche modifiée mais non publiée n'a aucun effet sur le site.

Suite

➡️ Passez au chapitre 2 — Gérer les menus de la semaine.