hero image

Hébergement, site à base de NodeJS et respect des données de vos utilisateurs

20/05/2022
  • GatsbyJS
  • NovaGaïa
  • Hébergement
  • RGPD

Que voilà un titre bien complexe et qui fait tellement rêver 😅 🙏
Ne partez pas, la suite va vous intéresser 🎉

L'année dernière, NovaGaïa a choisi de s'ouvrir à d'autres technologies pour créer ses sites web pour répondre à des besoins de performances et surtout de réduction d'impact écologique 🌱 .
On y a répondu en utilisant Gatsby, un générateur de site statique en React / NodeJS.

On le sait tous, faire du WordPress c'est simple, notamment parce que tous les hébergeurs le proposent et le mettent en avant.
Vous avez un site, un domain, un "espace" pour votre WordPress et une base de données en 3 clics !

L'hébergement de site sous NodeJS, c'est une autre paire de manches 😱

Héberger son site en React/NodeJS, donc Gatsby, en 3 clics, il y en a évidemment, Gatsby Cloud, Netlify et Vercel principalement. Pour les autres, c'est plus compliqué, on est très loin du "en 3 clics" !

Et surtout, on est hors Europe, essentiellement chez les GAFAM. En effet, regardez bien, ils sont très souvent eux-mêmes hébergés chez AWS (Amazon Cloud), Google Cloud, etc.

Donc, comment faire pour garder son site et ses données sous contrôle européen ?

Bien sûr, il y a pléthore de fournisseurs d'hébergements assujettis à la RGPD et en Europe.

Ç'a d'ailleurs été la première demande de notre tout premier client voulant cette technologie de génération de site 😬 : RGPD + Respect de l'environnement. Donc si l'on combine tous les besoins

  • RGPD / Europe 🇪🇺

  • Simplicité d'installation 🚀

  • Hébergement écologique 🌱

Et bien là... il n'y a plus personne, en tout cas, pas à notre connaissance et à la date de publication de ce billet.

En effet, le seul moyen, c'est de souscrire à des VPS, des serveurs qui peuvent "tout faire" mais "vide", sans tous les services annexes que proposent des Gatsby Cloud ou des Netlify comme, des sites de preview automatiques, des récupérations des données envoyés via les formulaires (le fameux formulaire de contact), la sécurisation des formulaires via reCaptcha...

Car n'oublions pas qu'un site statique est... statique. Donc sans serveur d'application !

  • C'est le serveur qui sauvegarde en base de données puis vous envoient par mails les messages que vos prospects et futurs clients vous envoient dans le fameux formulaire de contact.

  • C'est le serveur qui valident le reCaptcha.

  • etc.

Aparté ---

Vous me direz, pourquoi s'e*** avec tout ça alors ? Pourquoi proposer du site statique ?

Les raisons de la bascule sur Gatsby chez NovaGaïa est avant tout idéologique/écologique et pour des raisons de performances.

Un site statique est un site ULTRA réactif, vous passez de page en page instantanément et grâce à cela, il sera mieux indexé par les moteurs de recherche que les autres.

Pourquoi est-il si réactif ?

Parce qu'il n'a pas besoin d'un serveur (d'application) pour fonctionner, il ne fait pas entre chaque page plusieurs demandes (requêtes) à la base de données pour, par exemple, récupérer la navigation, le contenu, le pied de page... tout ce que fait un WordPress, ce qui lui demande un temps, plus ou moins court, de traitement entre chaque page.
Un site trop lent fait disparaitre vos prospects, ils vont à la concurrence !
Un site statique, lui, réalise ces actions lorsqu'on le génère (au moment du build, quand vous venez d'ajouter un nouvel article par exemple) et après, c'est fini, vos utilisateurs en profitent sans attendre : ils naviguent de façon fluide et rapide. Vous les aurez captés !

Et pourquoi est-ce mieux écologiquement ?

Pour exactement les mêmes raisons, comme il n'y a pas de traitement serveur entre chaque page, votre hébergeur est moins sollicité, et donc consomme moins d'énergie.
Et comme Gatsby est bien fait (d'où ce choix), il prépare tous les éléments et les optimise (au moment du build) afin que votre site soit responsive (qu'il s'affiche parfaitement sur téléphone mobile ou tablette) ce qui réduit la consommation de données entre votre hébergeur et votre ordinateur ou téléphone.
Et comme le site est réactif, la tendance à penser que son téléphone ou son ordinateur est obsolète ne se produit pas avec ce type de site. N'oublions pas que 70% de la production de GES (Gaz à Effet de Serre) produit par le numérique vient de la fabrication de nos joujoux électronique 📱👩‍💻, alors faisons en sorte de ne pas inciter nos utilisateurs à les remplacer 🙏 🌱 !

Fin de l'aparté ---

Depuis quelque temps, nous proposons Strapi comme CMS afin de gérer leur contenu à nos clients. C'est un CMS open-source, développé en France🇫🇷, que l'on peut installer à sa guise... Mais, là, c'est pareil, comment l'héberger ? Encore une fois, pas de 3 clics, sauf se faire héberger par Digital Ocean (qui permet de choisir la localisation de ses serveurs en Europe), néanmoins, c'est chez AWS 🙄

Chez NovaGaïa, on propose Infomaniak (*) comme hébergeur, car il est très bien

  • C'est un hébergeur européen ;

  • Il est respectueux de l'environnement ;

  • et ses planchers ne sont pas en bois (même si c'est écologique) et ne risque pas de bruler... et les sauvegardes avec (#joke).

Mais, là aussi, pas de solution clés en main, pas de 3 clics pour ce type de sites.

Donc si l'on veut répondre à nos 3 besoins cités plus haut, chez Infomaniak nous proposons d'utiliser leur solution Jelastic (*) qui fait du VPS++

NovaGaïa a créé des scripts pour automatiser et simplifier le process. Nous avons en 1 clic (ok, il y en a quelques un avant pour se connecter et surtout beaucoup de jus de cerveau pour en arriver là) qui nous permet de vous offrir une solution complète avec :

  • NGINX comme serveur HTTP (servant les fichiers statiques de Gatsby) ;

  • Gatsby comme générateur de sites statiques ;

  • Strapi comme CMS ;

  • Une base de données et un serveur de fichiers pour les médias de Strapi ;

  • Et, un serveur d'application en charge de la publication de vos contenus, du reCaptcha, des envois de mails... Bref, la boite à outils manquante.

Cette brique serveur "dynamique" s'enrichira au fil du temps, mais comme nous pensons éco-conception et GreenIT, il proposera uniquement que ce dont on a vraiment besoin pour ne pas avoir du code inutilisé sur un serveur qui prendra de la place et générera une dépense d'énergie inutile 🌍 nos enfants nous en remercieront.

On a donc répondu aux 3 besoins

  • Facilité et rapidité d'installation ✅ ;

  • Hébergé en Europe ✅ ;

  • Choix d'un hébergement écologiquement responsable 🌱 ✅ .

Et vous, contrairement à nous, avez-vous trouvé l'hébergeur de vos rêves qui propose tout ça ?

Si vous êtes intéressé par cette solution toute en un, n'hésitez pas à nous écrire à [email protected]

(*) liens d'affiliation.

Voir nos avis sur