Entre perfor­mances amélio­rées, opti­mi­sa­tion du code, meilleure acces­si­bi­lité et nouvelles fonc­tion­na­li­tés pour les usagers, cette refonte conti­nue offre aujour­d’hui une plate­forme plus fluide, plus moderne, et plus person­na­li­sable.

Une meilleure expé­rience utili­sa­teur

Navi­ga­tion fluide et retour depuis les fiches

Geotrek-Rando v3 conserve le contexte de navi­ga­tion : retour fluide vers les résul­tats de recherche après consul­ta­tion d’une fiche, bouton « Retour à la liste », main­tien du zoom et du centrage de la carte.

🆕 Fonc­tion­na­lité dispo­nible depuis la version 3.24.0
🔎 Détails dispo­nibles dans les Pull Request #1303 et #1286

Événe­ments touris­tiques plus clairs

Les dates des événe­ments touris­tiques sont désor­mais mieux mises en valeur, avec une présen­ta­tion harmo­ni­sée sur mobile et desk­top. 

Affi­chage de la date avant

Affi­chage de la date après

🆕 Amélio­ra­tion dispo­nible depuis la version 3.23.2
🔎 Détails dispo­nibles dans la pull request #1288

Amélio­ra­tions de l’in­ter­face utili­sa­teur

• Compor­te­ment amélioré du carrou­sel d’ac­cueil, avec une vitesse de défi­le­ment plus agréable,
• Meilleure ergo­no­mie des cartes avec :
  • Nettoyage des para­mètres de recherche pour éviter les filtres rési­duels,
  • Réécri­ture du système de gestion du plein écran,
  • Amélio­ra­tion du compor­te­ment de la carte dans les popups et inter­ac­tions.

🆕 Amélio­ra­tion dispo­nible depuis la version 3.20.0
🔎 Détails dispo­nibles dans les Pull Request #1100 et #1120

Zoom sur les nouvelles fonc­tion­na­li­tés

Contrôle de l’af­fi­chage des couches secon­daires

Une nouvelle option displaySecondaryLayersByDefault a été intro­duite pour permettre de choi­sir si les couches secon­daires sont affi­chées par défaut sur la carte. Cela permet aux terri­toires de mieux adap­ter l’in­ter­face selon le niveau d’in­for­ma­tion souhaité par défaut.

🆕 Amélio­ra­tion dispo­nible depuis la version 3.20.0
🔎 Détails dispo­nibles dans la Pull Request #1130

Affi­chage des fichiers à télé­char­ger dans les fiches

Les fichiers joints asso­ciés à un contenu, via Geotrek-Admin, sont désor­mais visibles et télé­char­geables dans les pages de détail, faci­li­tant l’ac­cès à des docu­ments utiles : fiches PDF, plans, brochu­res…

🆕 Amélio­ra­tion dispo­nible depuis la version 3.20.0
🔎 Détails dispo­nibles dans la Pull Request 1118

Filtre par réseau d’iti­né­raires

Un filtre “réseaux de randon­née” s’af­fiche désor­mais, si ces réseaux sont rensei­gnés dans Geotrek-Admin. Cela enri­chit les critères de recherche propo­sés aux usagers.

🆕 Amélio­ra­tion dispo­nible depuis la version 3.21.0
🔎 Détails dispo­nibles dans la Pull Request 1193

Des conte­nus plus riches et plus lisibles

Inté­gra­tion des photos HD

Les fiches peuvent désor­mais inté­grer des photos en HD, pour valo­ri­ser les paysages et les points de vue spec­ta­cu­laires. On peut même anno­ter des pano­ra­mas, grâce à HDView­points, profi­ter d’une gale­rie opti­mi­sée avec zoom, et ajou­ter des légendes pour contex­tua­li­ser les images.

🆕 Fonc­tion­na­lité dispo­nible depuis la version 3.18.0
🔎 Pour en savoir plus, consul­tez le ticket GitHub #943

Widgets person­na­li­sés

Il est désor­mais possible d’ajou­ter n’im­porte quel widget au format HTML et de l’as­so­cier à la page de détail d’un type de contenu spéci­fique : itiné­raire, site Outdoor, service ou événe­ment. Ce méca­nisme remplace l’an­cien système, où certains widgets, comme la météo, étaient inté­grés en dur dans le code. Désor­mais, le widget météo doit être ajouté manuel­le­ment si vous souhai­tez l’af­fi­cher.

Parmi les nouveaux usages possibles, un widget qualité de l’air peut par exemple être inté­gré pour infor­mer les usagers de l’état envi­ron­ne­men­tal sur votre terri­toire.

🆕 Fonc­tion­na­lité dispo­nible depuis la version 3.16.0
🔎 Pour en savoir plus, consul­tez le ticket GitHub #914

Amélio­ra­tion des info­bulles et des popups carto­gra­phiques

Les info­bulles et popups carto­gra­phiques ont été repen­sées :

• Les éléments s’af­fichent au bon endroit grâce au centrage auto­ma­tique
• Les anno­ta­tions sont plus claires et inter­ac­tives

• Plusieurs bugs d’af­fi­chage ont été corri­gés, notam­ment pour les POIs et les parcours Outdoor

🆕 Amélio­ra­tions dispo­nibles depuis la version 3.20.0
🔎 Retrou­vez les détails dans les tickets GitHub #896 et #1119

Person­na­li­sa­tion avan­cée

Thèmes et menus

• De nouvelles classes CSS sont dispo­nibles pour aller plus loin dans la person­na­li­sa­tion graphique
• Les menus à deux niveaux permettent une navi­ga­tion plus struc­tu­rée
• Les fiches peuvent être ajus­tées faci­le­ment grâce au fichier details.json : vous pouvez masquer, réor­ga­ni­ser ou styli­ser les diffé­rentes sections selon vos besoins

🆕 Amélio­ra­tions dispo­nibles depuis la version 3.15.0
🔎 Retrou­vez les détails dans le ticket GitHub #510 et la Pull Request #1137

Pages statiques enri­chies

Les pages édito­riales de Geotrek-Rando gagnent en souplesse et en richesse de contenu : il est désor­mais possible d’y inté­grer des images avec légendes, des blocs d’ac­tions, des sugges­tions de conte­nus, et bien plus encore.

📌 Exemple dispo­nible dans notre article dédié au nouveau volet édito­rial de Geotrek

Perfor­mances et acces­si­bi­lité au cœur des évolu­tions

Opti­mi­sa­tions notables

• Réduc­tion du nombre d’ins­tances Leaflet utili­sées : 1 seule carte par page
• Char­ge­ment différé des images, des iframes et des scripts
• Réduc­tion des appels API redon­dants : caté­go­ries, objets liés, diction­nai­res…
• Refac­to­ring complet pour allé­ger la dette tech­nique

🆕 Amélio­ra­tions dispo­nibles depuis la version 3.21.0
🔎 Retrou­vez les détails dans les Pull Request #1197 et #1198

Acces­si­bi­lité renfor­cée

• Refonte des formu­laires pour une meilleure acces­si­bi­lité : ARIA, gestion des erreurs…
• Navi­ga­tion au clavier opti­mi­sée : menus, cartes, compo­sants inter­ac­tifs
• Amélio­ra­tion des titres et de la séman­tique HTML

🆕 Amélio­ra­tions dispo­nibles depuis la version 3.21.0
🔎 Retrou­vez les détails dans la Pull Request #1187

Refonte tech­nique majeure

Migra­tion vers Tail­wind CSS

Le système de style a été unifié :

• Aban­don de Styled Compo­nents au profit de Tail­windCSS 
• Réécri­ture de nombreux compo­sants : Header, Footer, boutons, pages 404 et offline

🆕 Amélio­ra­tions dispo­nibles depuis la version 3.22.0
🔎 Retrou­vez les détails dans la Pull Request #1147

Mise à jour des dépen­dances

• React, Next.js, Leaflet, TypeS­cript, Node.js, React-Query, Sentry…
• Conver­sion des scripts JS en modules ES (MJS)
• Migra­tion vers de nouveaux packages pour la PWA (serwist à la place de next-pwa)

🆕 Amélio­ra­tions dispo­nibles depuis la version 3.24.3
🔎 Retrou­vez les détails dans les Pull Request #1352 et #1355

Nouveaux usages en produc­tion

L’ap­pli­ca­tion Desti­na­tion Parc natio­nal des Écrins a inté­gré de nombreuses nouveau­tés :

• Mise en place d’un flux d’ac­tua­li­tés sentiers en page d’ac­cueil
• Suivi du trafic post-migra­tion : redi­rec­tions, Google Search Console
• Inté­gra­tion d’un menu enri­chi avec icônes et vignettes
• Ajout de pages statiques édito­riales pour struc­tu­rer la navi­ga­tion

Actua­li­tés sentiers sur la page d’ac­cueil

Menus des pages statiques

Docu­men­ta­tion

• Docu­men­ta­tion restruc­tu­rée sur Read­The­Docs
• Ajout d’exemples de person­na­li­sa­tion
• Instruc­tions de migra­tion entre versions (atten­tion aux brea­king changes à chaque montée majeure)

Image

En résumé

Et après ?

Geotrek-Rando conti­nue de gran­dir et de s’en­ri­chir au fil des besoins des terri­toires et des retours de ses utili­sa­teurs. Ces derniers mois, l’ac­cent a été mis sur une navi­ga­tion plus fluide, un affi­chage plus clair, et une meilleure prise en compte des usages mobiles, y compris en mode hors-ligne.

Et ce n’est pas fini. De belles pers­pec­tives s’ouvrent pour la suite : conver­sion comme appli­ca­tion mobile publiable sur les stores, conte­nus multi­mé­dias (vidéos, audio), guidage dyna­mique jusqu’au départ d’une rando, ou encore meilleure visua­li­sa­tion des zones sensibles et des enjeux envi­ron­ne­men­taux.

Tout cela est rendu possible grâce à une commu­nauté enga­gée, des parte­naires variés - comme les Dépar­te­ments des Hautes-Alpes et du Pas-de-Calais, les Parcs natu­rels régio­naux, ou encore la LPO – et une dyna­mique de partage qui fait de Geotrek un outil vivant, ouvert, et au service de tous les terri­toires.

En savoir plus

Décou­vrez l’ar­ticle de blog « Où en est Geotrek-Admin en 2025 ? »