Technologie Jamstack

Chez Agily nous sommes en veille constante sur les dernières technologies. Depuis deux ans nous avons développé une expertise sur des architectures Jamstack alliant un front-end NuxtJS et un back-end sur WordPress, Strapi, Contentful ou Netlify CMS.

Qu’est ce que JAMStack ?

Jamstack est une architecture conçue pour rendre le web plus rapide, plus sûr et plus facile à faire évoluer grâce à deux grands principes de conception , le pré-rendering des pages et l’architecture micro-service.

Jamstack - HeadlessCMS

Pourquoi choisir l’architecture Jamstack ?

Une performance inégalée via la génération HTML du site web.

Une sécurité accrue pour votre site web.

Un coût bien moindre voir gratuit avec un hébergement de fichiers statiques  via CDN.

Une meilleure expérience de développement avec des développeurs focalisés sur la partie client, sans être dépendants d’une architecture monolithique qui, se traduit généralement par un développement plus rapide et mieux maîtrisé.

Les avantages d’une architecture JAMStack 

Pré-rendering

Le frontend est pré-rendu en pages statiques et en ressources hautement optimisées au cours du processus de build ce qui permet d’améliorer très fortement les temps de chargement et d’avoir un impact à la fois sur votre SEO mais également écologique puisque l’on ne sert plus les pages “on-demand”. Le pré-rendering permet de créer des sites qui peuvent être servis directement à partir d’un CDN, réduisant ainsi les coûts d’hébergement et les risques de piratage.

Evolutif avec Javascript

Les pages sont pré-rendu mais rien n’empêche le site de communiquer et d’offrir les mêmes fonctionnalités qu’une application traditionnelle en utilisant Javascript et des services via API afin d’améliorer l’expérience utilisateur. On peut par exemple ajouter un moteur de recherche elasticsearch sur une architecture Jamstack pour cela le contenu sera indexé au moment du build, l’architecture Jamstack ayant un impact fort sur le frontend sans enlever les possibilités backend.

Décomposition d’une architecture JAMStack

Une technologie Frontend

Nous vous proposons plusieurs framework frontend pour développer votre site Jamstack tel que : NuxtJS; NextJS, Gatsby, React …

Headless CMS

Nous avons pour habitude d’utiliser soit wordpress ou Strapi dont nous sommes partenaire officiel, enfin si vous souhaitez faire un site ecommerce Jamstack nous pouvons aussi utiliser Magento, etc.

Des API

Un site Jamstack utilise beaucoup d’API pour fournir des services supplémentaires tels qu’un moteur de recherche, un funnel de paiement, etc.

Des outils nous permettant d’assurer un temps de développement rapide et une qualité du code avec Jamstack

Vue CLI

Nous utilisons Vue CLI pour bootstrapper un nouveau projet avec les standards les plus récent.

Linter

Linter permet d’analyser la qualité du code et d’implementer une rigueur de programmation afin d’éviter les bugs et les erreurs stylistiques au sein d’un projet.

Discutons de votre projet Jamstack

Nos équipes se tiennent à votre disposition pour échanger et vous conseiller sur votre projet Jamstack que ce soit pour une refonte ou le lancement d’un nouveau site.

Découvre les autres technologies FrontEnd utilisées chez Agily

logo vueJS

WordPress

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.

Jamstack - HeadlessCMS

Jamstack

Jamstack est une architecture conçue pour rendre un site web plus rapide, plus sûr et plus facile à faire évoluer. Elle s’appuie sur un grand nombre d’outils et de workflows que les développeurs apprécient et qui leur apportent une productivité maximale. 

logo vueJS

VueJS

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, contrairement aux autres frameworks monolithiques.

Logo NuxtJS

NuxtJS

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, rapidement, facilement et de manière organisée.

ReactJS

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

typescript

TypeScript

TypeScript est un langage open-source qui s’appuie sur JavaScript, l’un des outils les plus utilisés au monde, en ajoutant des définitions de types statiques.

Nos articles sur des sujets de développement

Loading...