Skip to content

MJ-Conseil/mathieujahnich

Repository files navigation

mathieu-jahnich.fr - client

Ce répertoire GitHub contient l'application client construite avec SvelteKit du site web mathieu-jahnich.fr.

Cette application fait partie de la version du site développéeen 2023 par Fairness en collaboration avec @AnneFa

Contexte

L'équipe projet a été formée en novembre 2022 à la suite d'une investigation menée par Anne Faubry. Cette investigation avait pour objectif la création d'une nouvelle version du site internet de Mathieu Jahnich créé dans une démarche d'éco-conception de service numérique.

Cette démarche a été synthétisée dans le guide d'éco-conception de service numérique rédigé par le collectif Designer Ethiques

Implémentation et périmètre métier

Initialement le site mathieu-jahnich.fr était un site concu intégralement avec la technologie Wordpress.

Mathieu Jahnich souhaitait que son site intègre le plus possible des bonnes pratiques d'éco-conception de service numérique. Cette nouvelle version du site doit respecter les normes d'accessibilité de service numérique définies par le Référentiel général d'amélioration de l'accessibilité (RGAA).

Dans cette optique, le choix technique effectué pour répondre à ces objectifs était de transofmer le Wordpress actuel en CMS headless.

Une application client faite avec la technologie SvelteKit a été rajoutée. Cette application consommera le contenu (articles de blog, images,...) mise à disposition par Wordpress via l'API REST.

Démarrage du projet

Installation des dépendances SvelteKit et initialisation de la DB

Commande: npm install Le client est accessible sur l'url http://localhost:5175

Déploiement

La version de production du site est hébergée chez Infomaniak sur leur hébergement cloud "Jelastic".

⚠️ Actuellement, le déploiemennt se fait de manière manuelle. Etant donné la fréquence de mise à jour, il ne semblait pas nécessaire de créer un processus de Content Delivery (CD)

Obtenir ces accès sur Infomaniak

La première étape est d'avoir accès à Jelastic.

Pour ce faire, veuillez demander à un membre de l'équipe pour être rajouté à l'organisation "MJ Conseil"

Pour déployer et une fois votre PR mergée sur la branche "main", il y a une série d'étape à faire sur l'interface graphique de Jelastic.

Voici une vidéo décrivant ces étapes : Screencast 2023-09-21 11:26:54.webm

Récapitulatif des variables d'environnements

Nom Utilisation Type Requis ?
SENDINBLUE_API_KEY Défini le "Satic Token" pour communiquer avec SendInBlue (Brevo) string oui
PUBLIC_API_URL Défini l'URL de l'instance du CMS string oui
PUBLIC_MATOMO_CDN_URL L'URL du CDN de Matomo string oui

:question-mark: Besoin d'en savoir plus sur les variables d'environnement avec SvelteKit ? C'est par ici :pointing-right: https://kit.svelte.dev/docs/modules#$app-environment

Vue générale de l'architecture

flowchart TB

id1["`Reverse Proxy
URL : mathieu.jahnich.fr
`"]
id2[FrontEnd : serveur Node]
id3[BackEnd : serveur Apache Wordpress]

 id1-->|transmet les requètes HTTP|id2
 id2-->|Récupère les données depuis|id3

Loading

Licence

AGPL 3.0

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •