La Tartine #68
Astro 5.0 Beta Release
Hello c’est Benoit 👋,
Ça fait maintenant deux semaines que j’utilise Cursor.ai, le nouvel IDE boosté à l’IA, et je dois dire que je suis bluffé par cet outil ! Il anticipe mon code et me propose des suggestions que je valide en appuyant simplement sur Tab. Le tout à une vitesse incroyable. Les suggestions sont bluffantes, j’ai l’impression d’avoir un assistant qui lie clairement dans mes pensées… Franchement, c’est un vrai gain de temps.
Pour ceux qui veulent en savoir plus, je vous ai mis un article sur Cursor.ai dans les JamSnacks du jour ! Et bien sur je vous invite à tester Cursor et vous faire votre propre avis.
Cette semaine, la grande nouvelle, c’est la sortie de la version bêta d’Astro v5. On va parler notamment des Server Islands, une fonctionnalité qui change la donne pour le rendu dynamique côté serveur tout en maintenant les performances du statique. Je vous en dis plus juste en dessous 👇.
Bonne lecture ☀️
🍓 News de la semaine
Astro v5 est désormais disponible en version bêta. Une des grandes nouveautés qui se démarquent, ce sont bien sur les Server Islands. C'est une fonctionnalité qui passe officiellement en version stable avec cette release.
Les Server Islands : une évolution clé
Alors, c’est quoi exactement ces Server Islands ?
En gros, ça permet de gérer le rendu côté serveur pour des parties spécifiques de votre site web, tout en gardant le reste statique. Concrètement, Astro vous permettait déjà de combiner du contenu statique avec des composants interactifs (rendus côté client), mais maintenant, avec les Server Islands, vous pouvez rendre uniquement certaines parties dynamiquement côté serveur.
Cela a plusieurs avantages :
Optimisation des performances : Seules les parties nécessaires de votre page seront rendues côté serveur, évitant ainsi de surcharger le client avec du JavaScript inutile.
Amélioration de l'expérience utilisateur : Les pages restent rapides et réactives, tout en profitant de fonctionnalités dynamiques comme les sessions utilisateur ou la gestion de données en temps réel.
Facilité d'utilisation : Grâce à l’approche islands architecture, vous gardez le contrôle sur les points précis où le rendu côté serveur est nécessaire, sans complexifier votre codebase.
Ce concept est un vrai plus pour les développeurs qui cherchent un compromis entre le SSR (Server-Side Rendering) classique et le rendu statique. Astro devient ainsi un choix encore plus pertinent pour des projets où la performance est clé.
Le Content Layer devient stable
Une autre nouveauté majeure d’Astro v5 est la Content Layer, désormais en version stable. Cette fonctionnalité permet de gérer le contenu de manière plus flexible et extensible au sein de vos projets Astro. Vous pouvez facilement intégrer du contenu venant de diverses sources (Markdown, CMS, API, etc.) via des loaders, qui transforment ces données dans un format unifié et type-safe.
Cette approche rend la gestion de contenu plus simple et plus maintenable à mesure que votre site web grandit, en offrant une API unique pour accéder aux données, peu importe leur origine. C’est vraiment une bonne solution pour organiser le contenu en toute confiance, avec une sécurité renforcée grâce à la gestion des types.
Autres nouveautés
Astro v5 introduit également plusieurs autres améliorations importantes :
Mode hybride et statique fusionné : La configuration de rendu hybride et statique est désormais plus facile à gérer. Par défaut, toutes les pages sont générées statiquement, mais il est possible de désactiver ce comportement au cas par cas.
Gestion des variables d’environnement avec
astro:env: Une nouvelle façon de gérer les variables d’environnement de manière type-safe, avec une gestion plus claire et un meilleur contrôle sur les variables publiques ou sensibles.
Astro v5, en version bêta pour l’instant, promet d'apporter de nouvelles possibilités tout en restant fidèle à son mantra : un web rapide, sans surcharge inutile.
Les Server Islands en sont la preuve, et je pense qu’on va voir cette architecture se populariser dans les mois à venir.
Affaire à suivre ! 😊
🤝 Partenaire
Fully-managed Cloud Hosting for your Strapi Project
Une stack optimisée pour Strapi le Headless CMS Open Source comprenant une DB Postgres, CDN, Email API et bien plus encore !
Strapi lance également la Strapi Launch Week, qui aura lieu du 23 au 27 septembre à l’occasion de la sortie de la V5.
Petite vidéo qui présente un aperçu rapide de la V5 sur la chaîne de Strapi ⇒
🥪 JamSnack
Comprehensive Review of Top JavaScript Frontend Frameworks
Cet article de Strapi explore les dernières fonctionnalités, avantages et inconvénients de JavaScript et des frameworks front-end populaires, ainsi que la façon dont l'IA transforme le développement front-end.
Juliet Ofoegbu
Key Considerations for Next.js App Router Files
Cet article de blog de Builder.io détaille le fonctionnement de l’App Router de Next.js et des 9 fichiers de routing spéciaux dans l’App Router, qui remplace l'ancienne approche avec le Page Router.
Vishwas Gopinath
11ty rejoint l’équipe de Font Awesome. Bonne nouvelle pour le futur de ce générateur de sites open source primé au 16.9K stars sur Github qui était jusqu’alors essentiellement maintenu par Zach Leatherman, le créateur de 11ty qui rejoint par la même occasion Font Awesome en tant que Lead Software Engineer.
zachleat
MDX est l’un des moyens les plus populaires, de gérer du contenu en tant que développeur, mais configurer une application pour l’utiliser peut s’avérer être un défi. Cet article explique comment configurer MDX dans une application Next.js App Router.
Colby Fayock
Cursor AI: Your 2024 Installation & Review Guide
Article qui explore la nouvelle pépite du moment : l’IDE Cursor AI. Cursor a au passage annoncé une levée de fond de 60 millions de dollars soutenu en partie par OpenAI.
Vladislav Guzey
📺 Conférences, webinaires et vidéos
Analyse de la popularité croissante de Zustand par Théo
Next.js + Inngest: Unlocking Long-Running AI Workflow Automation
Jack Herrington explique dans cette vidéo comment créer des workflow d’IA durables en JavaScript ou TypeScript pour travailler rapidement et facilement avec vos applications NextJS ou React à l'aide d'Inngest.
Front-end web development is changing, quickly
Fireship analyse la dernière version de shadcn/ui et la combine avec l'outil V0 de Vercel - un outil d'IA pour créer des interfaces utilisateur web.
Cursor Is Beating VS Code (...by forking it)
VS Code Is Fighting Back (RIP Cursor?)
Petite série de 2 vidéos de Théo sur la guerre entre VS Code et Cursor.ai. Cursor semble progresser très rapidement mais VS Code ne laissera pas Cursor détruire Copilot à 100% après tout. Est-ce que les changement de VS Code seront suffisant ?
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.