AccueilActualités informatiqueLe framework JavaScript : Next.js 12.1 se montre plus flexible pour les...

Le framework JavaScript : Next.js 12.1 se montre plus flexible pour les pages statiques

La version 12.1 du framework React Next.js vient d’être publiée. Le framework open source, qui se base sur Node.js, offre un rendu côté serveur et peut générer des sites web statiques, étend dans la dernière version la mise à jour des pages statiques. En outre, la version apporte des extensions pour le compilateur SWC basé sur Rust.

Sommaire

Dans la version 9.5, le framework a introduit l’Incremental Static Regeneration (ISR). Cela permet de recréer des pages statiques individuelles sans avoir à générer à nouveau le site complet. Un minuteur permet de définir à partir de quand le serveur doit régénérer une page.

Pour une valeur de revalidate: 10 le serveur fournit par exemple la même page pendant dix secondes. Ensuite, dès que le premier client accède à la page, il reçoit encore le contenu du cache, mais en même temps, Next.js recrée la page et la supprime ensuite du cache, de sorte que le client suivant reçoit la page nouvellement créée lors de son accès.

La version 12.1 introduit la fonction unstable_revalidate() qui veille, indépendamment du minuteur, à ce que le serveur génère à nouveau la page et supprime l’ancienne du cache. Cette fonction est probablement l’une des plus demandées depuis l’introduction de l’ISR. Elle sert entre autres à réagir aux modifications des métadonnées telles que les prix ou les revues dans les applications de commerce électronique ou à actualiser des pages individuelles lorsque le contenu du système de gestion de contenu découplé (headless CMS) change.

Next.js 12, publié en octobre 2021, a remplacé Babel par le compilateur web Speedy (SWC) écrit en Rust, que l’environnement d’exécution pour JavaScript et TypeScript Deno et l’outil de construction web Parcel utilisent également.

La version actuelle complète les transformations qui peuvent être effectuées avec SWC par styledCcomponents, importSource, relay, removeReactProperties, removeConsole ainsi que Legacy Decorators. De son propre point de vue, l’équipe Next.js a ainsi porté les principaux plug-ins Babel vers Rust.

La minification, c’est-à-dire la réduction du code et du balisage, peut également être effectuée depuis peu via le Speedy Web Compiler et non plus via Terser comme auparavant. Actuellement, la méthode SWC est encore indiquée comme Release Candidate et doit devenir standard dans la version 12.2. Dans la version actuelle, la minification SWC nécessite le paramètre swcMinify: true dans module.exports-du bloc next.config.js.

Pour plus de détails sur la préparation de React 18, commencée dans la version 12, consultez le blog de Next.js.

Plus d'articles