La conception de ce site Web de restaurant « fictif », se veut en quelque sorte, un laboratoire pour évaluer une solution CMS open source moderne de type « flat-file » (Grav CMS). Cette expérience a été très concluante et l’outil s’est avéré bien au-delà de nos attentes initiales. Cet article a pour but de présenter les fonctionnalités clés, d’une part pour l’éditeur de contenu du site et d’autre part, pour l’équipe de développement.
Console d’administration
Grav CMS est doté d’une console d’administration simple et intuitive, permettant de créer et gérer aisément l’ensemble des contenus du site Web. Cette console est configurable en plusieurs langues, notamment en français.
Chaque page et module de ce modèle de site Web de restaurant ont donc été soigneusement personnalisés pour permettre une mise à jour simple des contenus depuis la console d’administration.
Gestion des items du menu du restaurant (prix, photos, descriptions, etc.)
Carrousels de la page d’accueil et des événements à l’affiche
Articles de blogue
Galerie de photos
Témoignages des clients
SEO « friendly »
Grav CMS est un outil moderne facilitant la mise en place de vos stratégies de référencement organique. Parmi les fonctionnalités, la configuration d’URLs lisibles et la gestion des métadonnées de chaque page sont des atouts lorsqu’il s’agit de SEO. De plus, un module de plan de site permet de renseigner à Google toutes les pages du site à indexer.
Multilingue
Grav CMS a été conçu à la base pour gérer des sites multilingues. Ce site démontre cette fonctionnalité en proposant une version française et anglaise.
Formulaire de réservation
Pour ce site exemple, il s’agit d’un simple formulaire qui envoi les informations par courriel et enregistre les données, qui peuvent être consultées via la console d’administration. En situation réelle, l’intégration d’une plate-forme comme Open Table serait plus appropriée et tout de même simple à intégrer.
Email marketing
Un formulaire d’inscription accessible depuis toutes les pages du site Web permet d’enregistrer automatiquement les adresses courriel de vos clients et prospects. La solution emailing intégrée ici est Mailjet, un outil complet, simple et abordable, pour concevoir des infolettres personnalisées et fidéliser vos clients. Bien-sûr, il est aussi possible de connecter une autre solution alternative telle que Mailchimp, Sendinblue, etc.
Statistiques
Bien qu’un dashboard de base soit intégré à la console d’administration de Grav CMS, nous avons ajouté la solution Google Analytics / Google Tag Manager afin d’obtenir des statistiques d’audience plus élaborées.
Architecture « flat-file »
Contrairement à la plupart des solutions CMS antérieures comme Wordpress, Joomla, etc., Grav CMS est conçu pour fonctionner sans système de base de données, son architecture reposant plutôt sur un système de « fichiers plats (flat-files) ». Pour les petits projets ou même les projets d’envergures moyennes (<1000 pages, donc, la très grande majorité des sites web :) ), il peut s’avérer avantageux de s’appuyer sur ce type de plate-forme pour diverses raisons :
Rapidité
Ce type d’architecture combiné à plusieurs autres fonctionnalités intégrées de "caching" permet d’obtenir un site Web performant.
Sécurité
L’absence de base de données rend la plate-forme moins vulnérable, notamment aux attaques de type "SQL injection".
Copie de sauvegarde, restauration, migration
Sans base de données, la sauvegarde du site Web tient en quelque sorte à un simple copier-coller du répertoire des fichiers du site Web. Tout y est sans processus additionnels pour stocker les données du système.
Contrôle de version et synchronisation
Le plugin « officiel » GIT-sync permet un "workflow" de développement flexible. Par exemple, ce site Web de resto est synchronisé automatiquement avec un repository privé Github. Ainsi, les versions locales de chacun des développeurs, de même que la version en production du site Web, sont automatiquement synchronisées dans les 2 sens (Local → Github → Prod, Prod → Github → Local). Pour simplifier cet exercice effectué dans un contexte didactique, nous n'avons pas mis en place d'environnement de "staging".
Email transactionnel
Le présent site est configuré avec le service SMTP transactionnel Mailjet. Cette solution présente l’avantage d’être à la fois une solution complète de marketing par courriel en plus d’offrir une solution pour vos courriels transactionnels.
En conclusion, nous convenons que cet article n'aborde brièvement que quelques unes des nombreuses fonctionnalités et caractéristiques de Grav CMS que nous avons pu expérimenter lors de la réalisation de ce site Web. Pour en savoir davantage, nous vous invitons à consulter le site officiel
Dominique Labonté : Programmeur Web
Josée Rouillard : Web designer
Vous avez des questions ou un projet Web à réaliser, n’hésitez-pas à nous contacter.
Crédits photos : Unsplash
Toutes les photos de ce site y ont été minutieusement choisies.