Next.js - Présentation

Next.js est un framework basé sur React avec une capacité de rendu côté serveur. C'est très rapide et convivial pour le référencement.

En utilisant Next.js, vous pouvez créer assez facilement une application robuste basée sur les réactions et les tester. Voici les principales fonctionnalités de Next.js.

  • Hot Code Reload - Le serveur Next.js détecte les fichiers modifiés et les recharge automatiquement.

  • Automatic Routing- Pas besoin de configurer une URL pour le routage. les fichiers doivent être placés dans le dossier pages. Toutes les URL seront mappées au système de fichiers. La personnalisation peut être effectuée.

  • Component specific styles - styled-jsx prend en charge les styles globaux et spécifiques aux composants.

  • Server side rendering - les composants de réaction sont pré-rendus sur le serveur et se chargent donc plus rapidement sur le client.

  • Node Ecosystem - Next.js réagit bien aux gels basés sur l'écosystème Node.

  • Automatic code split- Next.js rend les pages avec les bibliothèques dont elles ont besoin. Next.js au lieu de créer un seul gros fichier javascript, crée plusieurs ressources. Lorsqu'une page est chargée, seule la page javascript requise est chargée avec elle.

  • Prefetch - Next.js fournit un composant Link qui est utilisé pour lier plusieurs composants prend en charge une propriété de prélecture pour pré-lire les ressources de la page en arrière-plan.

  • Dynamic Components - Next.js permet d'importer dynamiquement des modules JavaScript et des composants React.

  • Export Static Site - Next.js permet d'exporter un site statique complet depuis votre application web.

  • Built-in Typescript Support - Next.js est écrit en Typescripts et fournit un excellent support Typescript.