La Tartine #62
L'avenir de la gestion du cache dans Next.js
Hello c’est Benoit 👋,
Aujourd’hui on va parler de la gestion du cache sur les prochaines versions de Next.JS. La version stable de Next.JS 15 ne devrait plus trop tarder à sortir et il va être important de bien comprendre comment va fonctionner la gestion du cache lors de vos montées de version !
Bonne lecture 📖
🍓 News de la semaine
Vercel a publié la release candidate pour la version 15 de NextJS fin mai.
Il y a quelques changements intéressants à venir, mais celui qui me passionne le plus est celui de la gestion du cache, qui est actuellement moyen moyen (pour ne pas dire nul).
Dans ce thread X (résumé ici par thread reader), Lee Robinson explique une partie du raisonnement derrière le fonctionnement automatique de la mise en cache et du pré-rendu dans Next.js 15 et pourquoi rien n'est pré-rendu lors de l'exécution du serveur de développement (ce qui peut prêter à confusion et ils ajoutent l'icône pour indiquer qu'une page sera pré-rendue).
Il partage également que l'équipe Next.js estime que le Partial Prerendering (qui permet de mixer du rendu statique et dynamique sur une page ) est l'avenir du rendu dans le framework.
Dans NextJS 15 nous aurons donc :
Les requêtes
fetchne sont plus mises en cache par défautLes Route Handlers ne sont plus mis en cache par défaut
Le cache client-routeur ne met plus en cache les composants de la page par défaut
Next.js v15 stable sera bientôt publié, est inclura les modifications de mise en cache par défaut mentionnées au dessus. Que ce soit dans la version 15.0.0 ou dans une version mineure peu de temps après, l’équipe de Next.JS nous permettra d'essayer cette nouvelle vision pour définir la direction du framework derrière un indicateur d'adhésion.
L’équipe de Next.JS prend pour l’instant le temps de valider ces premières fonctionnalités avec leurs propres applications, certains premiers clients partenaires et la communauté afin de s’assurer qu'elles sont bien testées dans les grosses apps Next.js.
🥪 JamSnack
The ROI of your website: Why you need to invest in a CMS
Article de Storyblok qui explique comment votre CMS influence la performance de votre site et, globalement, comment il peut vous rapporter plus d’argent.
Olena Teselko
The 5 Most Anticipated New Features In Strapi 5
Strapi a récemment publié la « release candidate » Strapi 5. L’agence Notum spécialisée dans le développement de site et d’app avec Strapi partage dans cet article les features les plus attendus de Strapi v5
Ondrej Mikulcik
Integrate and Customize Tailwind CSS Dark Mode in a Next.js Project
Ces derniers temps, l’attrait pour le dark mode s’est considérablement accru, et proposer ou ajouter une option de dark mode à vos applications est devenu une fonctionnalité essentielle. Cet article explique comment utiliser Tailwind CSS pour activer ou intégrer le dark mode dans notre projet.
Chimezie Innocent
Présentation de la dernière fonctionnalité de Remix, Fog of War, qui aide votre application à rester performante, quelle que soit sa taille.
Matt Brophy
Function streaming to be framework-agnostic on Vercel
Vercel a annoncé que le function streaming sera bientôt indépendant du framework, ce qui signifie que vous pourrez l'utiliser avec n'importe quel framework que vous déployez sur Vercel alors qu'auparavant il était limité à Next.js, SvelteKit et Remix.
Javi Velasco, Mariano Cocirio, Tom Lienard, Craig Andrews, Doug Parsons
Hybrid i18n with Next and Astro (part 1)
Une série en 4 parties examinant certaines des complexités liées à l'ajout de l'internationalisation dans les applications Web hybrides.
Eric Burel
📺 Conférences, webinaires et vidéos
Using React 19 with Vite and Next.js
Découvrez les dernières fonctionnalités de React 19, telles que les client et server actions, « useOptimistic », ... Dans cette démo, Lee Robinson développe une application React réservée au client utilisant Vite et explique comment React 19 simplifie la logique de votre application et aide à créer une meilleure UX. Ensuite, il passe sur Next.js pour montrer comment utiliser les composants React Server, les server action, etc.
Translate with AI and Next.js 15 / Svelte 5 support! - Prismic Chronicles
Présentation de la nouvelle fonctionnalité bêta de Prismic, vous permettant d'obtenir rapidement une version traduite de votre contenu, le tout alimenté par l'IA !
How To Setup GitHub Auth Provider With Strapi and Next.js
Cette vidéo explique comment utiliser des social providers comme GitHub pour authentifier les utilisateurs dans une application front Strapi et Next.js. Elle explique également comment implémenter le processus d'authentification dans une application Next.js, y compris la gestion des redirections et la configuration des cookies JWT HTTP pour une authentification sécurisée des utilisateurs.
Warning: React 19's use Hook Can Impact App Performance
React 19 et NextJS App Router ont le use hook, et c'est génial. Mais il y a quelques pièges que Jack Herrington nous aide à explirer
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.