La Tartine #41
Retour à la simplicité pour la Jamstack en 2024. Astro et Remix les frameworks du futur selon le CEO de Netlify.
Hello c’est Benoit 👋,
Cette semaine dans la Tartine, on s’intéresse à la conf TheJam.dev 2024 qui avait lieu la semaine dernière pour traiter de l’actualité autour de la Jamstack pendant 2 jours. Cette conférence était organisée en ligne par CFE.dev, une communauté de développeurs fondée par Brian Rinaldi.
Brian Rinaldi a ouvert l'événement en notant que le développement Web a radicalement changé au cours des quatre dernières années. Il a cité les outils d'IA générative, mais aussi les changements apportés à Next.js et l'émergence de nouveaux frameworks JavaScript comme Astro et Remix.
Il l'a ensuite donné la main au PDG de Netlify, Matt Biilmann, pour la keynote d’ouverture (Netlify est le sponsor principal de l'événement).
Biilmann a commencé par parler de l'histoire du terme « Jamstack », inventé par son entreprise, et de ce qu'il signifie aujourd'hui, en 2024.
Comme nous en avions parlé dans la Tartine n°28 Netlify a renoncé à utiliser le terme et préfère désormais le terme « Web composable », plus convivial pour les entreprises afin d’adresser leur offre à un marché plus vaste et en pleine maturité. Mais Biilmann a tenu à souligner que les raisons pour lesquelles il a introduit la Jamstack en 2016 sont toujours valables aujourd'hui.
“We should start fundamentally decoupling the frontend and the backend. We should put the backend around API’s and generate the frontend with modern build tools.”
Arrêter la complexité …
C’est ce que Biilmann a proposé en 2016, et aujourd’hui, ce principe de base n’est pas très différent.
Ce qui a changé, cependant, c'est que les outils et processus Jamstack sont devenus beaucoup plus compliqués. Cela est devenu évident, a déclaré Biilmann, lorsque les architectures hybrides ont commencé à infiltrer la Jamstack. Le mélange de programmation côté client et côté serveur a complexifié beaucoup les choses.
Biilmann a ensuite décrit certains des produits et nouvelles fonctionnalités apparus après la création de Jamstack : Gatsby et ses fonctionnalités d'hydratation React, les différents CMS Headless comme Contentful et les « serverless functions » de Netlify. Il a également noté que JavaScript lui-même est devenu plus complexe avec notamment la sortie de React Server Components en 2021.
Bien que tout cela ait augmenté la puissance des outils Jamstack, Biilmann a reconnu que cela signifiait également que le concept n'était plus simple. Pour illustrer cela, Biilmann a utilisé un tweet récent du PDG de Vercel, Guillermo Rauch, sur la flexibilité de Next.js (il faut noter que Netlify et Vercel sont des concurrents directs !) :
Le point de vue de Biilmann : il s’agit sans aucun doute d’une fonctionnalité puissante, mais elle n’est plus simple à comprendre ou à mettre en œuvre.
"Nous avons définitivement gagné en termes de découplage du front-end en lui-même", a-t-il déclaré à propos de l'évolution de la Jamstack.
Il constate par contre maintenant une pression pour intégrer tout dans le frontend. Pour reconstruire finalement le monolithe dans cette couche frontend. Mais le découplage est une vraie réussite, ce qui a permis de rendre les développeurs front-end beaucoup plus puissants.
La gestion des versions est beaucoup plus facile et l'infrastructure beaucoup plus facile, mais, c'est aussi devenu beaucoup plus complexe.
Retour à la simplicité
Biilmann a ensuite parlé des « two paths to simplicity ».
La première voie est ce qu'il a appelé « pre-baked Jamstack », par lequel il entend utiliser un outil de construction pour envoyer du contenu à un CDN (réseau de diffusion de contenu). C’est essentiellement la vision initiale de Jamstack, avant que les approches hybrides ne prennent le dessus.
Biilmann a déclaré qu'Astro, un framework qui peut être utilisé comme alternative à Next.js, est un bon exemple de simplification de Jamstack. Dans sa récente enquête auprès des développeurs, Astro a connu la croissance la plus rapide, tant en termes d'utilisation que de satisfaction (note complémentaire : Zach Leatherman, créateur d'Eleventy, a affirmé qu'« il est clair que Netlify a tout intérêt à élever Astro parce qu'Astro est le mieux placé pour détrôner Next.JS) »)
“I think the Astro team went back to the idea of, like, how do we build content-first websites and how do we make those hybrids with an island architecture. We can go back to the core idea of, like, what if we can pre-bake very easily, build out all the core pages, and then instead of hydrating everything and turning every page into a full single-page application with all the complexities, what if we can just pick the individual components that should actually do something interactive, and make them small dynamic islands”
Il semble clair que Netlify a choisi Astro comme framework préféré pour l’avenir !
L'autre façon d'arriver à la simplicité, selon Biilmann, est d'« oublier le pre-baking » et d'« adopter le rendu côté serveur » (SSR).
Bien entendu, lorsque la Jamstack a été inventé, l’utilisation de générateurs de sites statiques (SSG) a été fortement encouragée. Mais Biilmann affirme que les sites statiques ne sont plus toujours nécessaires.
Il s’agit selon lui de savoir comment créer de superbes expériences dynamiques, comment créer les bonnes expériences utilisateur. À l’époque, la seule façon de les fournir de manière découplée était le statique. Ce n’est plus le cas. Le SSR commence à devenir un modèle viable.
Il a ainsi prédit que Remix, qui possède un modèle SSR simple, serait le framework JavaScript tendance dans la prochaine enquête Netlify.
Conclusion
Dans l’ensemble, il s’agissait d’un regard ultra intéressant sur l’évolution de la Jamstack, les difficultés confrontées au début des années 2020 et les chemins possibles vers la simplicité qui caractérisait la première itération de la Jamstack.
Il faut noter que Netlify a probablement un biais en faveur d'Astro et de Remix, puisque Next.js est sous la coupe de son concurrent Vercel. Biilmann a tout de même présenté des arguments convaincants en faveur des deux framework les plus récents. La simplicité est presque toujours meilleure dans le développement Web, et c'est une bonne raison d'essayer Astro ou Remix si vous en avez assez de toute la complexité.
J’espère que ce résumé vous a plus, pour voir l’intégralité de cette conférence c’est par ici :
https://www.crowdcast.io/c/thejamdev/QcRTf
En attendant comme d’habitude je vous laisse avec quelques JamSnacks pour la route :
🥪 JamSnack
Prismic qui annonce son tout nouveau Visual Page Builder . Prismic a fait un live hier sur leur chaine Youtube pour présenter cette nouveauté.
Next.JS App Router migration : The Good, Bad, And Ugly : un retour d’expérience intéressant d’une migration vers l’App Router de Next.JS
What's new in Astro - January 2024 : Les dernières mises à jour d’Astro après 2023 qui a été une année énorme pour Astro.
Integrating Strapi's New Rich Text Block Editor with Next.js: A Step-by-Step Guide : petit tuto qui explique comment restituer du contenu à l'aide du nouvel éditeur de blocs de texte enrichi de Strapi dans un projet Next.js.
How streaming helps build faster web applications : Découvrez comment l’App Router de Next.js vous aide à tirer parti du Streaming.
Decoding the Hype: What Are React Server Components ? Les concepts de base derrière les React Server Components, leurs avantages et leur impact sur les pratiques de développement Web modernes.
Partage la Tartine 🍞
Si tu penses que cette édition pourrait plaire à une personne de ton entourage, n’hésite pas à partager cet e-mail ou à cliquer sur le bouton ci-dessous 👇
👉 Pour suivre nos aventures sur Youtube : https://www.youtube.com/@Pickbeam
👉 Pour prendre rdv avec Pickbeam pour un projet web : https://pickbeam.com
PS : Oublie pas de mettre un like en bas ou en haut de cet email si ça t’a plu.