Ils nous font confiance

logo_gamercraftangelsquare_logologo_siriuslogo_kpmglogo_allodocteurs

Qu’est-ce que la Jamstack ?

Architecture et réseau

Jamstack est un concept de développement récent, qui consiste à générer des pages Web statiques à partir d'un site web dynamique de votre site internet. Son nom est un acronyme de JavaScript, API et Markup. Les applications jamstack sont construites à l'aide de ces trois technologies pour offrir un front-end rapide, sécurisé et évolutif.

La jamstack n'est pas une technologie à proprement parler, mais plutôt une nouvelle façon de travailler pour le développement Web, qui peut être mis en œuvre à l'aide d'un certain nombre d'outils et de technologies. Cette "pile technologique" est souvent utilisée avec les CMS Headless tels que WordPress ou Strapi. Les principes clés de jamstack sont les suivants :

  • Pré-rendu des pages et des actifs : les sites jamstack sont construits à l'aide de générateurs de sites statiques ou de fonctions serverless pour pré-rendre les pages HTML et les actifs. Cela signifie que le site entier peut être livré à l'utilisateur sans avoir à passer par un processus de génération de pages dynamiques sur le serveur.
  • CDN pour la diffusion de contenu : les sites jamstack sont déployés sur des CDN (Content Delivery Networks) qui sont optimisés pour la diffusion de ressources statiques. Il en résulte une diffusion plus rapide du contenu et une meilleure évolutivité.
  • Déploiements atomiques : les sites jamstack sont déployés sous forme d'artefacts immuables. Cela signifie que chaque déploiement est un paquet complet et autonome qui peut être facilement annulé si nécessaire. Les déploiements sont ainsi plus simples et plus fiables.

Si vous êtes à la recherche d'une meilleure façon de créer des sites Web, nous vous conseillons de vous intéresser à la pile technologique jamstack.

Agily-GrandTexte-BackgroundTop Agily-GrandTexte-BackgroundBottom

Les avantages de la Jamstack

Performances

Les applications Jamstack sont également connues pour leur temps de réponse très rapide. En effet, un CDN peut contribuer à améliorer les temps de chargement.

Sécurité

Les sites basés sur Jamstack ne peuvent pas être piratées comme le sont les applications Web dynamiques. Pas d'injections SQL, ou perte de données.

Faible coût

Les applications Jamstack étant statiques, elles peuvent être hébergées sur divers services à faible coût, tels que GitHub Pages et Amazon S3.

Évolutive

Comme les sites Jamstack ne reposent pas sur une base de données, elles peuvent être étendues horizontalement sans nécessiter d'infrastructure supplémentaire.
arbre agily

6 points importants sur le développement Jamstack

Développement

L'expérience de développement de Jamstack est optimale, car le frontend et le backend sont séparés. Le backend est uniquement servi par des API, ce qui signifie que différentes personnes peuvent travailler sur chaque partie sans affecter les autres.

Contrôle de version

Il est facile de revenir à une ancienne version du site si vous utilisez Git ou SVN. En effet, tout le code est versionné et il est donc possible de reconstruire une ancienne version du site à tout moment. Cela vous permet également de garder la trace des modifications par fichier, par collaborateur, et d'éviter de nombreuses erreurs.

Génération automatisée

Lorsqu'une nouvelle génération est nécessaire, votre serveur est notifié par des webhooks. Le serveur génère à nouveau le projet sous forme de fichiers statiques et met à jour les CDN avec les fichiers. Le site est alors en ligne.

Assets statiques

L’ensemble de vos assets sont considérés comme statiques. Il faut comprendre par là qu’il s’agit de fichiers indépendants les uns des autres, un asset peut être une page HTML, un fichier JS, une image, une vidéo. L’ensemble de ses assets vont être déployés via un CDN et constitueront votre site web ou application. Il faut bien comprendre que c’est en cela que l’architecture Jamstack se différencie et apporte de la valeur à des architectures plus traditionnelles – il s’agit là d’une conception logicielle différente de l’existant qu’il faut appréhender avant de décider de l’implémenter .

Déploiement atomique

Une fois vos assets statiques générés, le système va les déployer comme une photographique complète de votre site à un instant T. La nouvelle version de votre site sera disponible dans le monde entier en quelques secondes. Vous aurez la possibilité de rollback à n’importe quel moment en cas de problème.

Pré-rendu et invalidation du cache

Après le développement automatique, vous pouvez avoir un pré-rendu du site web statique, afin de valider la mise à disposition à tous de la nouvelle version il faudra invalider le cache (soit serveur soit via le CDN) afin de rendre la dernière version disponible.

Mise à jour du CDN

Puisque tous les fichiers et les assets sont générés en amont, ils peuvent être servis via un CDN. C’est la méthode que l’on recommande à nos clients car elle procure de meilleure performance et un redimensionnement à la volée en cas de pic de traffic.

Agily-GrandTexte-BackgroundTop Agily-GrandTexte-BackgroundBottom

Vous avez un projet en tête ? Discutons-en !

Call To Action Background
Call To Action Background

Découvrez les autres technologies utilisées chez Agily

Agily-Technologies-Background

WordPress est une plateforme de création de sites web gratuite et open-source. Il est le blogging et le constructeur de sites web le plus facile et le plus puissant qui existe aujourd’hui.

Découvrir

Vue.JS est un framework progressif pour la création d’interfaces utilisateur. Il est conçu dès le départ pour pouvoir être adopté de manière progressive.

Découvrir

Nuxt.js est un framework pour la création d’applications Vue.js. Son objectif est d’aider les développeurs Vue à tirer parti des technologies de pointe facilement.

Découvrir

React est une bibliothèque JavaScript déclarative, efficace et flexible pour la création d’interfaces utilisateur à partir de petits morceaux de code isolés appelés « composants ».

Découvrir

React Native est un framework d'applications mobiles open source créé par Facebook pour créer des applications IOS, Android et UWP.

Découvrir

Ruby est un langage de programmation interprété, de haut niveau et polyvalent axé sur la simplicité du code et la productive des développeurs.

Découvrir

Nos derniers articles

Mathilde-developpeuse.png

From beautician to developer: the challenge that changed my life

Discover the story of Mathilde, developer at Agily, formerly a beautician....
identifier et fideliser ses talents

How to identify and nourish the promising profiles will help your company flourish ?

Curious about how Agily identifies and retains its young talent? We detail everything here !...
La politique salariale chez Agily

How Agily uses pay transparency to level the playing field ?

Want to know more on how Agily uses pay transparency to level the playing field ? Click here !...

Nos derniers articles

Mathilde-developpeuse.png

From beautician to developer: the challenge that changed my life

Discover the story of Mathilde, developer at Agily, formerly a beautician....
identifier et fideliser ses talents

How to identify and nourish the promising profiles will help your company flourish ?

Curious about how Agily identifies and retains its young talent? We detail everything here !...
La politique salariale chez Agily

How Agily uses pay transparency to level the playing field ?

Want to know more on how Agily uses pay transparency to level the playing field ? Click here !...