La Tartine #69
Strapi 5 : Devs, marketeurs, créateurs de contenu, tout le monde est servi
Hello c’est Benoit 👋,
Cette semaine, c'est le moment de parler d’une étape clé dans l'évolution de Strapi : la sortie de Strapi 5 en version stable. Ce n'est pas juste une mise à jour, c’est un tournant décisif après la sortie de la bêta en mars, suivie par la release candidate (RC) fin juin.
En l’espace de quelques mois, Strapi a travaillé d’arrache-pied pour transformer son CMS et livrer une version aboutie, stable et prête pour la production.
Devs, marketeurs, créateurs de contenu, tout le monde est servi dans cette version qu’on explore cette semaine.
Bonne lecture ☀️
🍓 News de la semaine
Cette semaine, place donc à une grosse nouveauté dans l’univers des CMS headless : la sortie de Strapi 5.
Autant vous dire que les équipes ont mis les bouchées doubles pour répondre aux attentes des développeurs, mais aussi des créateurs de contenu et des marketeurs.
Voici pourquoi cette nouvelle version mérite toute votre attention :
Des performances boostées avec Vite et TypeScript
L'une des nouveautés les plus marquantes de Strapi 5, c'est l'intégration de Vite comme outil de build.
Si vous avez déjà travaillé avec Webpack, vous savez combien les temps de compilation peuvent devenir un frein au développement.
Bien que Webpack soit puissant, il peut parfois être difficile à configurer et ses performances, notamment en mode développement, laissent une marge d'amélioration.
Avec Vite, les builds sont désormais ultra-rapides, ce qui fait une différence notable en mode développement.
En parallèle, Strapi a effectué un passage complet à TypeScript, ce qui améliore non seulement la qualité du code mais aussi l'expérience développeur. TypeScript apporte une meilleure gestion des erreurs, rendant le code plus fiable et maintenable sur le long terme.
Un système de gestion du contenu plus fluide
Du côté de la gestion de contenu, Strapi 5 introduit un nouveau système repensé. Le processus de brouillon et publication est plus intuitif, permettant aux équipes de mieux gérer les versions de contenu.
Autre grosse nouveauté : l’historique des révisions !
Cela permet de suivre les modifications et de revenir à des versions antérieures sans tracas.
C'est un vrai plus pour les équipes qui travaillent sur des contenus dynamiques et en constante évolution.
Optimisations des API et gestion des données
Côté API, Strapi 5 améliore la gestion des données avec un service d'entités simplifié, permettant une manipulation plus fluide et plus rapide des données au sein de l'application.
Les développeurs pourront aussi profiter de réponses API optimisées.
L’amélioration clé ici est l’aplatissement du format de réponse.
Dans Strapi v4, les attributs de type de contenu étaient imbriqués dans l'objet data.attributes, ce qui rendait les interactions API légèrement plus lourdes et nécessitait des étapes supplémentaires pour extraire les données nécessaires.
L’équipe Strapi a écouté les retours des développeurs et dans Strapi 5, cette imbrication a été supprimée et les attributs sont désormais directement accessibles au premier niveau de l'objet de données.
Que vous travailliez avec REST ou GraphQL, cette structure aplatie garantit que vos réponses API sont plus concises et lisibles.
Extensibilité accrue avec la nouvelle CLI de plugin
Pour ceux qui aiment personnaliser leurs projets, Strapi 5 introduit une nouvelle CLI pour les plugins. Cela permet de développer et d'intégrer des fonctionnalités supplémentaires de manière plus modulaire et sans affecter la performance du système principal.
En conclusion
Cette refonte rend le CMS plus léger tout en étant plus extensible, un vrai plaisir pour les développeurs qui aiment construire des solutions sur-mesure.
Avec Strapi 5, on sent une réelle volonté de concilier performance, flexibilité et sécurité, tout en offrant une expérience utilisateur optimale pour les équipes non-techniques. Que vous soyez développeur à la recherche d’un CMS performant et adaptable, ou créateur de contenu désireux de mieux gérer vos workflows, cette version de Strapi saura répondre à vos attentes.
Allez, à vos projets, il est temps d'explorer Strapi 5 !
🥪 JamSnack
Cet article de Vercel explique comment les exigences en matière d'expérience utilisateur et les difficultés liées à l'infrastructure ont poussé à l'émergence de clouds front-end, qui simplifient la livraison des applications web en combinant performances, évolutivité, sécurité et dynamisme.
Malte Ubl, Dan Fein
How Storybook Transforms Design Systems for Consistent User Interfaces
L’agence Bejamas explique comment Storybook aide à maintenir la cohérence d’un Design System en permettant aux équipes de développer, tester et documenter des composants UI de manière isolée. Il explore les défis liés à la gestion de la cohérence dans des projets en croissance et présente les avantages de Storybook pour optimiser la collaboration et la productivité des équipes de design et de développement.
Mojtaba Seyedi
Announcing the Official Storyblok Richtext package
Présentation du package @storyblok/richtext, conçu pour faciliter le rendu de contenu Richtext dans n’importe quel projet, en étant agnostique au framework et hautement configurable. L’article explique comment utiliser ce package, personnaliser les résolveurs, optimiser les images et garantir la sécurité des contenus, tout en détaillant son intégration avec des frameworks comme Vue et React.
Alvaro Saburido
Builder.io compare deux outils d'assistance au codage par IA : GitHub Copilot et Cursor. Après une analyse des fonctionnalités clés telles que la génération de code, les suggestions contextuelles et la gestion multi-fichiers, l'article conclut que Cursor se démarque grâce à sa personnalisation, sa capacité à comprendre l'intégralité du projet, et son outil de revue de code assisté par IA, offrant une flexibilité et des performances supérieures à celles de Copilot.
Vishwas Gopinath
Celebrating 5 Million Developers
Cet article célèbre un jalon majeur pour Netlify, qui a désormais dépassé les 5 millions de développeurs inscrits. Il retrace l'évolution de la plateforme depuis ses débuts, soulignant son rôle pionnier dans la transformation du web grâce au Jamstack, à l'intégration des fonctions Edge et des déploiements collaboratifs, tout en se projetant vers l'avenir avec l'impact de l'IA sur le web.
Mathias Biilmann
Présentation de la nouvelle API de Content Layer pour améliorer la gestion du contenu dans Astro. Cette API permet de charger des données depuis différentes sources, qu'elles soient locales ou distantes, tout en maintenant une forte sécurité via TypeScript. Avec cette mise à jour, Astro vise à résoudre des problèmes de performances liés à la gestion de grands volumes de contenu et offre une plus grande flexibilité pour charger et manipuler des données à l'échelle.
Matt Kane
📺 Conférences, webinaires et vidéos
This might be the end of WordPress
Théo analyse le drame autour de WordPress qui est... dingue. WP Engine est critiqué, la marque déposée et les autres menaces juridiques sont complètement folles.
I HACKED ShadCN to Create Insane React Templates and Installers
Vous pouvez utiliser la CLI ShadCN pour installer les dépendances, les composants, le code et les fichiers que vous souhaitez dans n'importe quel projet : NextJS, Vite, React, etc. Tout ce dans quoi ShadCN peut s'installer, vous pouvez désormais le faire. Jack Herrington nous montre comment !
Deno 2 is here… will it actually kill Node.js this time?
Jetez un premier coup d'œil à Deno 2.0 - un environnement d'exécution JavaScript avec un support TypeScript de première classe et désormais une compatibilité totale avec Node.js.
Strapi 5 : Série de vidéo de Strapi pour présenter les nouveautés de la V5
Strapi 5 is now Generally Available (GA)!
Improved Content Editing Experience - Strapi 5 Draft, Publish, & Content History.
Improved Performance - Strapi 5 Vite & TypeScript.
Improved Developer Experience - Strapi 5 Design System v2, Plugin SDK & Document Service API
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 : N’oublie pas de mettre un like en bas ou en haut de cet email si ça t’a plu.