La jamstack, une alternative à WordPress

La jamstack, une alternative à WordPress

JavaScript, API et Markup

La jamstack, une alternative à WordPress

JAM est mis pour JavaScript, API et Markup
  • JavaScript : les fonctionnalités dynamiques sont gérées par JavaScript. Vous êtes libres d’utiliser la bibliothèque ou le framework que vous voulez.
  • API : les opérations côté serveur sont abstraites sous forme d’API réutilisables, accessibles en HTTPS à l’aide de JavaScript. Ces opérations peuvent être déléguées à des services tiers ou bien à vos propres fonctions.
  • Markup : les sites web sont servis sous forme de fichiers HTML statiques. Ces fichiers peuvent être générés à partir de fichiers source, comme du Markdown, à l’aide d’un générateur de site statique.
Les principaux bénéfices apportés par la JAMstack
  • Une performance accrue : servir du code généré et des assets à partir d’un CDN
  • Une meilleure sécurité : plus besoin de se soucier des vulnérabilités du serveur ou de la base de données
  • Un coût bien moindre : l’hébergement de fichiers statiques est moins cher, voire gratuit
  • Une meilleure expérience de développement : les développeurs front end peuvent se focaliser sur la partie client, sans être dépendants d’une architecture monolithique. Cela se traduit en général par un développement plus rapide et plus ciblé.
  • Redimensionnement à la volée : si votre site devient viral ou est soumis à un pic d’activité, le CDN compensera sans problèmes.
Sites web SEO-friendly

Il y a une chose que Google et vos clients ont en commun : ils aiment tous les 2 les sites rapides.

Vercel, une plateforme phare de ce nouvel éco-système qu’on nomme la JAMStack

Le principe : à chaque fois que des modifications sont poussées dans le gestionnaire de sources (git) sur la branche principale, Vercel intercepte cet événement et reconstruit une nouvelle version du site qui est déployée automatiquement sans interruption de service !
Toutes les précédentes versions sont néanmoins historisées et si jamais notre code a amené des régressions (ça peut arriver), il est possible dans l’interface de Vercel de choisir une version précédente à remettre en production à la place de la version fautive.

Et si l’on pousse une modification complètement erronée (ça peut arriver aussi) le build échoue et le site live reste donc intact !

C’est donc vraiment la pierre angulaire pour être sûr de vos déploiements, et aussi pour avoir un temps de réponse constant car Vercel déploie votre application dans son propre CDN.

En savoir +

CMS, les sites Jamstack peuvent aussi être gérés via un système de gestion de contenu

Exemple de CMS : Forestry.io

C’est un CMS que j’aime beaucoup car il est simple, et il a une interface avec Cloudinary pour uploader les images et vidéos.
Son point fort, c’est qu’il ne s’appuie pas sur une base de données pour stocker le contenu texte mais sur notre repository git. Et ça c’est génial ! Ça veut dire que tout le contenu texte est historisé dans git au même titre que le code source et c’est aussi très efficace pour avoir des build rapides (pas d’appels API à une base de donnée).

Cloudinary : une solution complète de DAM (Digital Assets Managements)

Cloudinary : une solution complète de DAM (Digital Assets Managements)

Digital Assets Managements

Cloudinary, une solution complète de DAM

Cloudinary a beaucoup de fonctions avancées et peut être utilisée comme une solution complète de DAM (Digital Assets Managements) mais nous allons simplement voir ses caractéristiques de base, celles qui ont fait la réputation du service :

  • un CDN (un réseau de diffusion de contenu) qui garantit que nos flux vidéos sont toujours servis avec la meilleure vitesse car les vidéos ne sont pas stockées sur 1 seul serveur mais bien sur des serveurs clouds redondants dans plusieurs endroits du monde pour que la charge soit répartie et proches des utilisateurs qui la consomme.
  • mais la vraie killer feature c’est la possibilité de générer à la volée des transformations sur les images et vidéos : redimensionnement, changement de qualité et de format, cropping… Ce qui est vital pour être sûr d’envoyer l’image et le flux vidéo le plus adapté à l’expérience du client (bande passante et taille d’écran) qu’il soit donc sur mobile en 3G ou sur écran 4K avec la fibre.. 

Coût de l’abonnement mensuel

gratuit puis 76€ par mois

Pendant la phase de développement je pense qu’un compte gratuit suffira mais ensuite il faudra passer à un plan sérieux dont le coût mensuel est d’environ 76€/mois pour pouvoir gérer jusqu’à 225Go d’assets et de bande passante mensuelle. 

Sachant qu’il y a toujours des plans plus performants et plus chers pour supporter la croissance du service sans faillir..

Faille de sécurité sur Woocommerce

Faille de sécurité sur Woocommerce

13 juillet 2021

Faille de sécurité sur Woocommerce

Une vulnérabilité critique concernant WooCommerce et le plugin WooCommerce Blocks a été identifiée ce mardi 13 juillet (2021).

Les versions 3.3 à 5.5 sont concernées. Il faut mettre à jour votre copie de WooCommerce vers la dernière version (5.5.1).

Une mise à jour immédiate des sites WooCommerce sous contrat de maintenance

L’ensemble des sites WooCommerce pour lesquels la maintenance est gérée par soixante-dix-huit.fr ont immédiatement été mis à jour dès que l’email d’alerte envoyé par Woocommerce a été reçu, le 15 juillet. Ce type d’incident illustre l’importance d’une maintenance régulière des sites WordPress, cible privilégiée des hackers.

Comparaison des frameworks jamstack basés sur React.js

Comparaison des frameworks jamstack basés sur React.js

Gatsby, RedwoodJS, Next.js

Comparaison des frameworks jamstack basés sur React.js

GSS : Générateur de site statique.
La plupart des sites Jamstack sont propulsés par un générateur de site statique.

JAMstack ? Kezako

JAM est mis pour JavaScript, API et Markup :

  • JavaScript : les fonctionnalités dynamiques sont gérées par JavaScript. Vous êtes libres d’utiliser la bibliothèque ou le framework que vous voulez.
  • API : les opérations côté serveur sont abstraites sous forme d’API réutilisables, accessibles en HTTPS à l’aide de JavaScript. Ces opérations peuvent être déléguées à des services tiers ou bien à vos propres fonctions.
  • Markup : les sites web sont servis sous forme de fichiers HTML statiques. Ces fichiers peuvent être générés à partir de fichiers source, comme du Markdown, à l’aide d’un générateur de site statique.

Les principaux bénéfices apportés par la JAMstack sont :

  • Une performance accrue : servir du code généré et des assets à partir d’un CDN
  • Une meilleure sécurité : plus besoin de se soucier des vulnérabilités du serveur ou de la base de données
  • Un coût bien moindre : l’hébergement de fichiers statiques est moins cher, voire gratuit
  • Une meilleure expérience de développement : les développeurs front end peuvent se focaliser sur la partie client, sans être dépendants d’une architecture monolithique. Cela se traduit en général par un développement plus rapide et plus ciblé.
  • Redimensionnement à la volée : si votre site devient viral ou est soumis à un pic d’activité, le CDN compensera sans problèmes.
React.js

React est une bibliothèque JavaScript déclarative, efficace et flexible pour construire des interfaces utilisateurs (UI). Elle vous permet de composer des UI complexes à partir de petits morceaux de code isolés appelés « composants ».

Gatsby

Gatsby est un outil de génération de sites statiques et d’applis web.

 

Next.js

Next.js est un framework qui permet aux développeurs d’écrire facilement des applications universelles.

 

RedwoodJS

un framework JavaScript qui apporte le full-stack à la philosophie JAMstack.
Basé sur React, GraphQL et Prisma.