ADR et mise en place de l'environnement initial about geotrek-rando-v3

[camillemonchicourt]

Voici la suite du travail de mise en place de l'environnement par @sraikimaxime :

Première étape :

• Amélioration de la documentation d'installation de docker: 🕐
  => J'ai complété la documentation et réussi en la suivant à installer docker et à récupérer le container sur une machine ubuntu, je vais ajouter de la doc sur la configuration d'un reverse proxy en prenant l'exemple de nginx demain
• Configuration de circle CI: 🕐
  => Circle CI est bien mis en place et tourne bien sur la branche main mais une étape semble échouer lorsqu'on ajoute des dépendances sur une nouvelle branche, je fixe ça demain
• Implémentation d'une carte avec leaflet ✅
• Récupération des treks via l'api v2 ✅
• Affichage de treks sur la carte leaflet ✅

Deuxième étape :

• ✅ Mise en place d'un server NextJs qui nous permettra donc de servir une application React avec des partie rendues côté serveur (pour optimiser le SEO) et des parties rendues côté client (pour optimiser l'UX)
• ✅ Mise en place d'une CI qui run tous les tests unitaire à chaque PR sur le repo github geotrek-rando-v3 avec circle CI pour conserver un stack connue
• ✅ Mise en place d'une pipeline automatisée de déploiement sur un environnement de staging hébergé sur Vercel disponible à l'url https://geotrek-rando-v3-pi.vercel.app
• ✅ Containerisation du server sous docker pour faciliter l'installation sur tout environnement avec
  • ✅ Documentation d'installation avec un exemple de reverse proxy avec nginx
  • ✅ Environnement de préproduction BAM permettant de tester l'installation du container en conditions ISO parc disponible à l'url http://geotrek-rando-pprod.cloud.bam.tech/
• ✅ Implémentation d'un premier test de récupération des données depuis l'api de démo suivi de
  • ✅ Un affichage de la donnée brute sur la page home du site
  • ✅ Un affichage de la donnée sur une carte leaflet
• ✅ Implémentation de récupération des données côté serveur pour pré charger le contenu avant de renvoyer la page
• ✅ Implémentation des premières briques nécessaire à l'installation de la PWA
  • ✅ Installable sur iOS en l'ouvrant sur safari, cliquant sur le bouton de partage et cliquant sur le bouton "Sur l'écran d'accueil"
  • ✅ Installable sur Android en cliquant sur la pop up d'installation
  • ⚠️ Sur un site hosté en http, le mode hors ligne ne fonctionne pas (testable sur l'environnement de pré production pour l'instant)
• ⚠️ Implémentation de récupération des données côté client pour mettre à jour les données affichées sur la home page
  • ⚠️ à ce sujet un warning: Un site protégé via https bloquera la récupération des données depuis le client qui se fait aujourd'hui via http (même sur l'environnement de production), c'est donc le cas pour l'environnement de staging.
    - => Notre recommandation à ce sujet serait de servir les données depuis l'api v2 via HTTPS.
    - Pour l'instant j'ai laissé l'environnement de préproduction en http pour permettre les tests de récupération des données depuis le client.

[camillemonchicourt]

CI basculée de la solution Circle CI à Github actions (#23) car c'est actuellement la version gratuite de Circle CI qui est utilisée sur l'organisation GeotrekCE et elle ne permet pas de paralléliser beaucoup de jobs.

Les déploiements automatiques et tests de ce dépôt prennent 1 à 2 minutes mais ils pouvaient rester en attenter entre 20 et 40 minutes si ils rentraient en conflit avec une PR sur le dépôt de Geotrek-admin où les jobs Circle CI sont lourds et nombreux.

Limite de la version gratuite de Github actions : 2000 min / mois. Ca devrait suffire.

[camillemonchicourt]

Serveur de démo Geotrek-admin (API) basculé en HTTPS : https://geotrekdemo.ecrins-parcnational.fr

[camillemonchicourt]

Technologies utilisées dans la version 3.0.0.