Accueil🇫🇷Chercher

Next.js

Next.js[2] est un framework gratuit et open source s'appuyant sur la bibliothèque JavaScript React[3] et sur la technologie Node.js.

Next.js
Description de l'image nextjs-logo.svg.

Chronologie des versions

Description

Le framework permet de créer des applications web universelles ou parfois appelées isomorphiques.

Next.js prend en charge les techniques de rendu des pages web côté serveur (SSR : Server Side Rendering[4] - [5]), le rendu statique de pages web (SSG: Static Site Generation)[4]. Il prend également en charge la génération hybride de pages web et / ou incrémentale des pages (ISR: Incremental Static Generation[6].

Usages

L'application construite avec Next.js peut être utilisée dans un navigateur comme une application web monopage mais elle peut aussi être utilisée comme un ensemble de pages générées par le serveur[7].

Référencement

L'utilisation de ce framework, présente quelques avantages[5]. La rapidité de chargement de l'application, de la construction de la page dans le navigateur, et l'intervalle de temps entre lequel l'application est chargée et le moment ou l'utilisateur peut interagir avec la page permettent à l'application générée avec Next.js de bénéficier d'un meilleur score par le moteur de recherche Google, rendant possible un meilleur classement dans les résultats de recherche, et donc une meilleure visibilité dans les résultats[8] - [9] - [5].

Autres fonctionnalités

Le développement web est facilitée par Next.js[10] entre les pages, un système de configuration pour gérer les applications multilingues[11], un éco-système de modules développé par la communauté.

Propriété

Les droits d'auteur et les marques déposées de Next.js appartiennent à la société Vercel (anciennement Zeit), qui maintient et dirige également le développement open source[12].

Notes et références

  1. « https://github.com/zeit/next.js/releases/tag/1.0.0 »
  2. « Next.js par Vercel - Le framework React », sur nextjs.org (consulté le )
  3. « React – Une bibliothèque JavaScript pour créer des interfaces utilisateurs », sur fr.reactjs.org (consulté le )
  4. (en) « Basic Features: Pages | Next.js », sur nextjs.org (consulté le )
  5. « Décidez entre client-side et server-side rendering », sur OpenClassrooms (consulté le )
  6. (en) « A Complete Guide To Incremental Static Regeneration (ISR) With Next.js », sur Smashing Magazine, (consulté le )
  7. « Building a single-page application with Next.js and React Router », sur Colin McDonnell @colinhacks (consulté le )
  8. (en) « Rendering on the Web », sur Google Developers (consulté le )
  9. (en) Marc Rice, « How to ace the Google PageSpeed test (100/100) with React and Next.js », sur Medium, (consulté le )
  10. (en) « Routing: Introduction | Next.js », sur nextjs.org (consulté le )
  11. (en) « Advanced Features: Internationalized Routing | Next.js », sur nextjs.org (consulté le )
  12. (en) « Develop. Preview. Ship. For the best frontend teams – Vercel », sur vercel.com (consulté le )
Cet article est issu de wikipedia. Text licence: CC BY-SA 4.0, Des conditions supplémentaires peuvent s’appliquer aux fichiers multimédias.